/* Common Section Background Styles */
.section-bg-primary {
    background-color: var(--color-bg-primary, #0a0a0f);
}

.section-bg-secondary {
    background-color: var(--color-bg-secondary, #1a1a2e);
}

.section-bg-tertiary {
    background-color: var(--color-bg-tertiary, #16213e);
}

.section-bg-gradient {
    background: var(--gradient-hero);
    position: relative;
    overflow: hidden;
}

.section-bg-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 50%, rgba(214, 240, 141, 0.05) 0%, transparent 50%),
                      radial-gradient(circle at 80% 80%, rgba(247, 147, 26, 0.05) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}