/* ============================================================
   TATER DASH — design tokens
   Generated from DESIGN.md (the SSOT). Components read these;
   nothing re-declares a brand value.
   Provenance: [context] extracted from FlappyTot AppDelegate.swift,
   AppTheme.swift, VersusCharacter.swift, VersusController.swift,
   versus.json; [derived] computed; [proposed] drafted.
   ============================================================ */

@font-face {
  font-family: 'Kongtext';
  src: url('assets/kongtext.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Bowlby One SC Local';
  src: url('assets/BowlbyOneSC-Regular.ttf') format('truetype');
  font-display: swap;
}

:root {
  /* ---- The tri-orange (launch gradient) [context: AppDelegate] ---- */
  --brand-orange: #E16416;
  --brand-sienna: #E19816;
  --brand-gold:   #E1C916;

  /* ---- Gameworld neutrals [context: AppTheme] ---- */
  --potato-body: #C48529;
  --cream:       #F5F0E6;
  --dark-brown:  #1E1811;
  --ink:         #1C1917;   /* universal text/border ink [context: VersusController] */
  --ink-fixed:   #1C1917;   /* dusk-proof ink — flame nav + moon diagram keep dark contrast in every alternate [derived 2026-08-03] */

  /* ---- Flame ramp [context: AppTheme] ---- */
  --flame-yellow: #F58D22;
  --flame-orange: #D35325;
  --flame-red:    #952538;

  /* ---- Guard-bubble UI colors [context: VersusCharacter] ---- */
  --tater:  #F58C24;
  --butter: #FAD940;
  --burlap: #8C663D;
  --blight: #73B84D;

  /* ---- Full 32-fighter guard set [context: VersusCharacter.guardColor,
     RGB→hex, 2026-08-22]. One token per roster id; used by §07 dots. ---- */
  --guard-odie: #F58C24; --guard-burt: #8C663D; --guard-chip: #FAD940; --guard-eido: #73B84D;
  --guard-gobie: #D93329; --guard-woody: #9E7042; --guard-strings: #FAEBB8; --guard-gobbo: #8CB847;
  --guard-kofi: #6B3D8C; --guard-bach: #B88C57; --guard-oli: #808C38; --guard-reggie: #523366;
  --guard-opie: #4DA638; --guard-tikaba: #CCD1D9; --guard-moe: #85994D; --guard-ghost: #E6591F;
  --guard-brocky: #5C8C33; --guard-cabbage: #99C76B; --guard-cauliflower: #EBE6CC; --guard-kernel-cobb: #F2CC3D;
  --guard-carrot: #F28C2E; --guard-onion: #C79EC7; --guard-garlic: #F0EBE0; --guard-rugged: #805C38;
  --guard-chickie: #FAD14D; --guard-enoch: #BFD9FA; --guard-amun: #B8997A; --guard-manny: #FAAD33;
  --guard-goobin: #73994D; --guard-mansa: #D9AD47; --guard-cosmo: #7A52AD; --guard-dragon: #E63D85;

  /* ---- HP semantics [context: VersusController HP bar] ---- */
  --hp-safe:    #4DC759;
  --hp-caution: #F3D433;
  --hp-warn:    #E16416;
  --hp-crit:    #DB332E;

  /* ---- Structural [derived] ---- */
  --surface: var(--cream);
  --surface-warm: #ECE4D2;
  --paper: #FFFFFF;
  --muted: #6B6255;
  --subtle: #9A9082;

  /* ---- Gradients [context: launch screen, top→bottom] ---- */
  --gradient-launch: linear-gradient(180deg, var(--brand-orange), var(--brand-sienna) 50%, var(--brand-gold));
  --gradient-flame:  linear-gradient(180deg, var(--flame-yellow), var(--flame-orange) 55%, var(--flame-red));

  /* ---- Typography [context: Info.plist fonts + parent body rule] ---- */
  --font-display: 'Bowlby One SC', 'Bowlby One SC Local', 'Arial Black', sans-serif;
  --font-arcade:  'Kongtext', 'Courier New', monospace;   /* the pixel face */
  --font-body:    'Outfit', 'Helvetica Neue', sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  --text-hero:    clamp(2.8rem, 1.9rem + 4.5vw, 5.5rem);
  --text-h1:      clamp(2rem, 1.5rem + 2.2vw, 3rem);
  --text-h2:      clamp(1.5rem, 1.2rem + 1.4vw, 2.1rem);
  --text-h3:      clamp(1.2rem, 1.05rem + 0.7vw, 1.5rem);
  --text-h4:      1.1rem;
  --text-body-lg: clamp(1.05rem, 0.95rem + 0.5vw, 1.2rem);
  --text-body:    clamp(0.95rem, 0.88rem + 0.4vw, 1.08rem);
  --text-body-sm: 0.9rem;
  --text-caption: 0.8rem;
  --text-label:   0.72rem;

  /* ---- Spacing [proposed: 8px base] ---- */
  --sp-1: 0.5rem;
  --sp-2: 0.75rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2rem;
  --sp-6: 3rem;
  --sp-7: 4rem;
  --sp-8: 6rem;
  --section-pad: clamp(4rem, 8vw, 7rem);

  /* ---- Radii [proposed: sticker-round] ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* ---- Borders & shadows [context: HPG family language] ---- */
  --border-w: 3px;
  --border: var(--border-w) solid var(--ink);
  --sh-card: 4px 4px 0 var(--ink);
  --sh-pop:  7px 7px 0 var(--ink);

  /* ---- Motion [proposed: arcade-snappy] ---- */
  --dur-fast: 100ms;
  --dur-normal: 220ms;
  --dur-slow: 440ms;
  --ease-out: cubic-bezier(0.25, 0.8, 0.35, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ---- Layout [proposed] ---- */
  --max-w: 72rem;
  --max-w-narrow: 46rem;
  --max-w-wide: 88rem;
  --nav-w: 232px;
}