/* Main CSS */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/animations.css';
@import 'layout/container.css';
@import 'layout/grid.css';

/* Section Spacing */
.section {
    padding-top: var(--space-20);
    padding-bottom: var(--space-20);
}

.section-large {
    padding-top: var(--space-32);
    padding-bottom: var(--space-32);
}

.section-compact {
    padding-top: var(--space-12);
    padding-bottom: var(--space-12);
}

/* Utility classes */
.text-center {
    text-align: center;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.hidden {
    display: none;
}

.mt-4 {
    margin-top: var(--space-4);
}

.mb-8 {
    margin-bottom: var(--space-8);
}