/* ============================================================================
   SHARED FONTS  —  free premium Google Fonts, chosen to match the references
   ----------------------------------------------------------------------------
   ANTON   → giant single-word hero moments (the "HAIRLOOM" / "CREATIVE BRIEF"
             ultra-display). Ultra-bold, condensed, poster energy.
   ARCHIVO → display + sub-heads + big numerals. Has weight + width range so it
             covers everything from a tight editorial header to an extended block
             label. This is the workhorse display face.
   INTER   → body copy, captions, kickers, UI. Neutral, humanist, legible small.
   ----------------------------------------------------------------------------
   Loaded once, shared by BOTH themes so the whole deck stays typographically
   cohesive even when segments switch color worlds.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,900&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&display=swap');

:root {
  /* Font stacks — reference these via tokens, never hard-code a family in a slide */
  --font-hero:    'Anton', 'Archivo', system-ui, sans-serif;   /* ultra display  */
  --font-display: 'Archivo', system-ui, sans-serif;            /* headers/labels */
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;/* copy          */
  --font-mono:    'Inter', ui-monospace, monospace;            /* data/eyebrows  */
}