/* =============================================================================
   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)
   ============================================================================= */

/* Cache-busting for the @import'd partials. header.php only appends ?v=mtime to
   THIS aggregator, not to the files it @imports — so an edit to ds/*.css alone
   would keep serving the browser's cached partial. Bump this token whenever any
   ds/*.css changes: editing this file changes its own mtime (auto-busted by
   header.php) → the browser refetches this aggregator → the new ?v= below force
   the partials to refetch too. Keep all imports on the SAME token. */
@import url("ds/fonts.css?v=20260701a");
@import url("ds/tokens.css?v=20260701a");
@import url("ds/style.css?v=20260701a");
@import url("ds/layout.css?v=20260701a");
@import url("ds/menu.css?v=20260701a");
@import url("ds/components.css?v=20260701a");
@import url("ds/console.css?v=20260701a");
@import url("ds/responsive.css?v=20260701a");