/* ========================================
   MAIN STYLES
   Imports all CSS modules in the correct order
   ======================================== */

/* 1. Colors - CSS variables and color system */
@import url('colors.css');

/* 2. Typography - Font styles and text formatting */
@import url('typography.css');

/* 3. Spacing - Margins, padding, and gaps */
@import url('spacing.css');

/* 4. Layout - Grid, flexbox, and positioning */
@import url('layout.css');

/* 5. Components - Reusable component styles */
@import url('components.css');

/* ========================================
   ADDITIONAL GLOBAL STYLES
   ======================================== */

/* Ensure smooth transitions */
* {
    transition-property: color, background-color, border-color, opacity, transform, box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

/* Remove transitions from specific elements */
.no-transition,
.no-transition *,
video,
img {
    transition: none !important;
}