/* 1. Vendor / Reset */
@import './vendor/_reset.css';
@import './vendor/_swiper.css';
@import './vendor/_lenis.css';

/* 2. Tokens */
@import './tokens/_colors.css';
@import './tokens/_typography.css';
@import './tokens/_spacing.css';
@import './tokens/_layout.css';
@import './tokens/_motion.css';
@import './tokens/_z-index.css';
@import './tokens/_shadows.css';
@import './tokens/_breakpoints.css';

/* 3. Base */
@import './base/_globals.css';
@import './base/_typography.css';
@import './base/_utilities.css';

/* 4. Layout */
/* Reserved for future imports from styles/layout/*.css */

/* 5. Effects */
@import './effects/_animations.css';
@import './effects/_reveal.css';
@import './effects/_webgl.css';

/* 6. Components & pages — import order = cascade order, DO NOT reorder.
   Page-specific CSS lives in styles/pages/, reusable modules in styles/components/.
   The interleaving below preserves the legacy cascade order; a clean section split
   would change the byte output and needs a visual-gated step. */
@import './components/_nav.css';
@import './components/_loader.css';
@import './components/_footer.css';
@import './components/_links.css';
@import './pages/_home.css';
@import './pages/_projects.css';
@import './pages/_project.css';
@import './components/_about.css';
@import './components/_cv-card.css';
@import './components/_meta.css';
@import './pages/_uebermich.css';
@import './pages/_lebenslauf.css';
@import './pages/_error.css';
@import './components/_playground.css';
@import './pages/_about.css';

/* 8. Final Overrides */
@import './base/_interaction-overrides.css';