/* Drivee — font stacks.
   IMPORTANT: no font binaries ship in this kit. See SOURCE.md and ../GAPS.md.
   Until the three families are downloaded and placed in this folder, every
   surface renders in the fallback stacks below, which is safe but not final.
   Load order: tokens.css first, then this file. */

:root {
  /* Headings and the wordmark. Never used for body copy. */
  --font-display: 'Space Grotesk', 'Trebuchet MS', 'DejaVu Sans', system-ui, sans-serif;
  /* UI and body copy. */
  --font-ui: 'IBM Plex Sans', 'Segoe UI', Tahoma, 'DejaVu Sans', system-ui, sans-serif;
  /* Every number, and uppercase metadata labels. */
  --font-mono: 'IBM Plex Mono', 'DejaVu Sans Mono', Consolas, 'Courier New', monospace;
}

/* -------------------------------------------------------------------------
   STEP 1 — download the files (see SOURCE.md for exact URLs and licence).
   STEP 2 — subset to Latin + Latin Extended-A so Romanian s-comma and
            t-comma survive, then place them exactly here:

     fonts/space-grotesk/space-grotesk-500.woff2
     fonts/space-grotesk/space-grotesk-600.woff2
     fonts/space-grotesk/space-grotesk-700.woff2
     fonts/ibm-plex-sans/ibm-plex-sans-400.woff2
     fonts/ibm-plex-sans/ibm-plex-sans-500.woff2
     fonts/ibm-plex-sans/ibm-plex-sans-600.woff2
     fonts/ibm-plex-mono/ibm-plex-mono-400.woff2
     fonts/ibm-plex-mono/ibm-plex-mono-500.woff2
     fonts/ibm-plex-mono/ibm-plex-mono-600.woff2

   STEP 3 — uncomment the block below verbatim. The paths are already correct
            relative to this file. Do not change font-family names: the token
            stacks above already reference them.
   ------------------------------------------------------------------------- */

@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('./space-grotesk/space-grotesk-500.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('./space-grotesk/space-grotesk-600.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('./space-grotesk/space-grotesk-700.woff2') format('woff2'); }

@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('./ibm-plex-sans/ibm-plex-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('./ibm-plex-sans/ibm-plex-sans-500.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('./ibm-plex-sans/ibm-plex-sans-600.woff2') format('woff2'); }

@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('./ibm-plex-mono/ibm-plex-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('./ibm-plex-mono/ibm-plex-mono-500.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('./ibm-plex-mono/ibm-plex-mono-600.woff2') format('woff2'); }

/* Numbers are tabular everywhere they can be compared. */
.mono, [data-mono] { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }