/* Fight Forecast design tokens — ff-public/1. Base palette adopted from the research pages (SITE-AUDIT1 DESIGN_SYSTEM_RECOMMENDATION). */
:root{
  color-scheme:dark;
  /* surfaces */
  --ff-bg:#07070a; --ff-surface-1:#111114; --ff-surface-2:#18181c; --ff-surface-3:#202027;
  --ff-line:#2a2a30; --ff-line-strong:#3a3a44;
  /* text (all >= 7:1 on --ff-surface-2 except --ff-text-3 which is >= 4.5:1) */
  --ff-text:#f5f5f7; --ff-text-2:#c9c9d2; --ff-text-3:#a3a3ad;
  /* brand */
  --ff-red:#ed334c;          /* accents, borders, bars — never as a fill behind normal-size text */
  --ff-red-strong:#ff6b80;   /* links/kick text on dark (7.4:1 on --ff-bg) */
  --ff-red-fill:#c41e3a;     /* filled controls: white text 5.84:1 */
  --ff-red-deep:#7a1a27; --ff-red-wash:#2a0c13;
  /* corners and data */
  --ff-corner-red:#ed334c; --ff-corner-blue:#9fb3d1;
  --ff-chart-1:#ed334c; --ff-chart-2:#9fb3d1; --ff-chart-3:#efb766; --ff-chart-4:#4fc38a; --ff-chart-muted:#3a3a44;
  /* status */
  --ff-ok:#4fc38a; --ff-ok-wash:#0f2a1e; --ff-warn:#efb766; --ff-warn-wash:#2c2210; --ff-error:#ff8a9a; --ff-error-wash:#2e1015;
  --ff-info:#9fb3d1; --ff-info-wash:#141d2a; --ff-exp:#c7a6ff; --ff-exp-wash:#211a33;
  /* type */
  --ff-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --ff-mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,monospace;
  --ff-fs-xs:12px; --ff-fs-sm:14px; --ff-fs-md:16px; --ff-fs-lg:20px; --ff-fs-xl:28px; --ff-fs-2xl:clamp(30px,5vw,48px);
  --ff-lh:1.55; --ff-tracking-caps:.12em;
  /* space / shape / elevation */
  --ff-s1:4px; --ff-s2:8px; --ff-s3:12px; --ff-s4:16px; --ff-s5:24px; --ff-s6:32px; --ff-s7:48px; --ff-s8:64px;
  --ff-r1:6px; --ff-r2:10px; --ff-r3:14px; --ff-r-pill:999px;
  --ff-shadow-1:0 1px 0 #ffffff08 inset,0 8px 24px #0006; --ff-shadow-2:0 18px 50px #000a;
  --ff-focus:0 0 0 2px var(--ff-bg),0 0 0 4px var(--ff-red-strong);
  --ff-tap:44px;
  /* layout */
  --ff-w-content:1120px; --ff-w-text:720px; --ff-header-h:60px; --ff-gutter:16px;
  /* motion */
  --ff-dur-fast:120ms; --ff-dur:200ms; --ff-ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-reduced-motion:reduce){:root{--ff-dur-fast:0ms;--ff-dur:0ms}}