/* ============================================================================
   SPARK CINEMATIC — DESIGN TOKENS (single source of truth)
   Spark Full Circle · Cinematic Design System v1.0
   Values measured/sampled from the approved cinematic reference board
   (investigation 2026-10-12; see docs/DESIGN-SYSTEM.md).
   Sizes are documented in pt for the 390x844 calibration frame; the
   implementation expresses them in cqw (1cqw = 3.9pt) inside .stage.
   ============================================================================ */
:root{
  /* --- Midnight navy foundation (sampled) --- */
  --navy-page:#00091A;          /* page background, sampled (88,920) board */
  --navy-deep:#000B1D;          /* upper phone field */
  --navy-card-1:#000D32;        /* card field gradient stops */
  --navy-card-2:#00153C;
  --navy-card-3:#000B28;
  --navy-nav:#00102B;           /* bottom nav background, sampled */
  --navy-disc:#0A152F;          /* circular arrow disc */
  --badge-1:#0D2A5C;            /* raised time badge gradient */
  --badge-2:#082449;
  --badge-3:#061E40;

  /* --- Gold system (sampled from Today bar + greeting) --- */
  --gold-300:#FFD579;           /* gradient light stop */
  --gold-400:#EEAF50;           /* gradient mid stop */
  --gold-500:#E18F29;           /* gradient deep stop */
  --gold-name:#F7CD67;          /* greeting name / accents, sampled */
  --gold-ampm:#F2C14E;          /* badge AM/PM */
  --gold-deep:#8A5A14;          /* sweep button gradient (verbatim app) */
  --gold-mid:#C98A24;
  --gold-bright:#E8A83C;
  --gold-bar:linear-gradient(90deg,#E18F29 0%,#EEAF50 52%,#FFD579 100%);

  /* --- Ink --- */
  --ink:#FEFFFF;                /* headline white, sampled */
  --ink-soft:#FFFFFF;
  --ink-dim:rgba(203,219,244,.88);   /* card subtitles */
  --ink-slate:#8CA3C7;          /* inactive nav */

  /* --- Accent glow palettes per card (asymmetric: A=left, M=mid, B=right) --- */
  --gym-a:#6FD2FF;  --gym-m:#3E8FE0;  --gym-b:#F5A83D;   /* cyan -> blue -> amber */
  --lunch-a:#E5A1DA; --lunch-m:#B364BD; --lunch-b:#FFB35C; /* pink -> purple -> gold */
  --soccer-a:#7FD4FF; --soccer-m:#338FE6; --soccer-b:#FFC46B; /* ice -> blue -> gold */

  /* --- Type scale (pt @390 frame) --- */
  --t-greeting:32;   /* serif, two lines */
  --t-date:13.5;
  --t-temp:28;
  --t-weather-meta:11.5;
  --t-today:26;      /* serif, on gold bar */
  --t-card-title:16.5;
  --t-card-sub:11;
  --t-badge-time:15;
  --t-badge-ampm:11;
  --t-nav-label:11;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* --- Geometry (pt @390 frame) --- */
  --screen-w:390; --screen-h:844;
  --masthead-h:103;
  --hero-h:241;                 /* hero zone y103-344 (scene bleeds to y0) */
  --todaybar-top:344; --todaybar-h:49; --todaybar-mx:6; --todaybar-r:14;
  --card-w:368; --card-mx:13; --card-r:18; --card-gap:13;
  --card1-top:403; --card-h:86; /* cards 2/3: 87 / 94 */
  --badge-w:60; --badge-h:50; --badge-inset:14; --badge-r:10;
  --arrow-d:34; --arrow-inset:9; --hit-min:44;
  --btn-h:46; --btn-r:23;
  --nav-top:753; --nav-h:91;

  /* --- Depth / lighting --- */
  --card-shadow:0 12px 24px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.13), inset 0 -9px 18px rgba(0,0,0,.38);
  --badge-shadow:0 3.5px 8.5px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.24), inset 0 -6px 10px rgba(0,0,0,.38);
  --disc-shadow:0 4px 10px rgba(0,0,0,.60), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -5px 9px rgba(0,0,0,.45);
  --btn-shadow:0 8px 20px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -6px 12px rgba(0,0,0,.35);

  /* --- Motion --- */
  --spring:cubic-bezier(.34,1.56,.64,1);
  --press-scale:.97;
  --pulse-dur:5.2s;             /* staggered via per-card negative delays */
  --sweep-dur:6s;               /* verbatim ribbonshine timing */
}