/* ─── MAIN CSS ───────────────────────────────────────────
   Entry point. Imports all stylesheets in the correct
   order. Do not put styles directly in this file.

   Load order matters:
   1. variables  — tokens must be defined first
   2. reset      — wipe browser defaults
   3. animations — keyframes & utility classes
   4. layout     — nav, sections, footer structure
   5. components — reusable UI pieces
   6. sections   — page-specific section styles
──────────────────────────────────────────────────────── */

@import url('./variables.css');
@import url('./reset.css');
@import url('./animations.css');
@import url('./layout.css');
@import url('./components.css');
@import url('./sections.css');