/* =============================================================================
   design-system.css — aggregator for the new SIMEZU design system.

   This is the single base stylesheet for every page migrated to the new design.
   A page opts in by setting `$designSystem = true;` before including
   app/Support/header.php, which then loads THIS file as the base instead of the
   legacy main.css. Unmigrated pages keep loading main.css and are unaffected.

   Load order is significant:
     1. fonts      — @font-face (self-hosted woff2)
     2. tokens     — :root custom properties (brand-adjustable accent overridden
                     at runtime by the #brand-tokens block in header.php)
     3. style      — base reset / typography / global helpers
     4. layout     — page scaffolding
     5. menu       — navigation / dropdowns / sidebars
     6. components  — buttons / cards / forms / tables / modals
     7. responsive — the ONLY file with @media queries (loaded last so its
                     overrides win)
   ============================================================================= */

@import url("ds/fonts.css");
@import url("ds/tokens.css");
@import url("ds/style.css");
@import url("ds/layout.css");
@import url("ds/menu.css");
@import url("ds/components.css");
@import url("ds/console.css");
@import url("ds/responsive.css");