/* Middle Splits — design tokens (Snowboard Legs "Dial" direction + two reserved colours) */
:root {
  /* ground and surfaces */
  --bg: #0F1626;
  --surface: #172036;
  --surface-raised: #1F2A44;
  --overlay: rgba(8, 12, 22, 0.82);
  /* lines and ring */
  --line: #2C3A56;
  --line-strong: #3A4A68;
  --line-faint: #222D45;
  --ring-track: #1E2840;
  --ring-tick: #34425E;
  --progress-track: #1A2335;
  /* text */
  --text: #EEF2F8;
  --text-body: #C9D2DF;
  --text-muted: #AEB9CB;
  --text-faint: #94A0B4;
  /* state */
  --accent: #C8F55A;        /* now / next / primary action */
  --on-accent: #0F1626;
  --done: #4F6B88;          /* steel = done */
  --done-light: #8296AE;    /* rest, reposition, secondary phase */
  --squeeze: #EEF2F8;       /* contract-relax squeeze segment, tempo pause */
  /* reserved */
  --dusk: #9FB6FF;          /* evening 3/10 block only */
  --alert: #FF8A5B;         /* back-off / pain only */
  --alert-tint: rgba(255, 138, 91, 0.10);
  /* charts (validated for CVD separation on --bg) */
  --chart-warm: #78A01C;
  --chart-cold: #6F8BE0;

  /* type: Archivo if present, else system */
  --font: "Archivo", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --mono: ui-monospace, Menlo, monospace;
  --fs-countdown: 104px;   /* floor ring m:ss, weight 800 */
  --fs-phase-num: 120px;   /* seconds in squeeze/tempo phases */
  --fs-intensity: 60px;
  --fs-title: 46px;
  --fs-drill: 28px;
  --fs-cue: 21px;
  --fs-phase-word: 20px;   /* caps, letter-spacing .12em */
  --fs-body: 15px;
  --fs-eyebrow: 12px;      /* caps, weight 800, letter-spacing .12em */

  /* shape */
  --r-chip: 12px;
  --r-card: 14px;
  --r-bar: 16px;
  --r-cta: 18px;
  --r-sheet: 24px;
  --pad-top: 54px;
  --pad-x: 20px;
  --pad-bottom: 34px;
  --target-min: 44px;
  --target-floor: 72px;
  --backoff-h: 84px;
  --ring-floor: 330px;     /* r 138, stroke 24, ticks r 158 */
  --ring-standing: 300px;  /* r 126, stroke 22, rep pips r 144 */
  --ring-small: 132px;     /* Today dial, r 55, stroke 12 */
}
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font); font-variant-numeric: tabular-nums; }