/* Section Layout & Spacing */

section {
    padding: var(--spacing-4xl) 0;
    position: relative;
}

.section-sm {
    padding: var(--spacing-3xl) 0;
}

.section-lg {
    padding: 150px 0;
}

/* Section Backgrounds */
.section-white {
    background-color: var(--color-white);
}

.section-muted {
    background-color: var(--color-muted-bg);
}

.section-dark {
    background-color: var(--color-gray-900);
    color: var(--color-white);
}

/* Section Content */
.section-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto var(--spacing-xl);
}

/* Mobile Section Spacing */
@media (max-width: 768px) {
    section {
        padding: var(--spacing-2xl) 0;
    }

    .section-sm {
        padding: var(--spacing-xl) 0;
    }

    .section-lg {
        padding: var(--spacing-3xl) 0;
    }
}