/* ============================================================
   onyou-tokens.css — the Onyou design tokens, v1.3 (drop-in)
   Source of truth: DESIGN.md §3-§6 + branding/onyou-design-system.html :root
   (Funnel Build Plan 03.07, Phase 0). Load BEFORE styles.css.
   THE CORAL RULE (§3.3): #FF6B6B never sets running text — ink text on coral
   fills; white text only on --coral-deep; coral text on cream = --coral-ink.
   The old coral-hover + v1.1 deep-coral hexes are RETIRED (design-qa
   hard-fails them by hex; hovers use filter:brightness).
   ============================================================ */
:root{
  /* surfaces */
  --cream:#FDF6EF; --cream-2:#F6EDE2; --bone:#FFFCF8; --blush:#FCE8DF; --blush-2:#F9D9CB;
  /* coral system (single brand chroma, three contrast tiers) */
  --coral:#FF6B6B; --coral-deep:#C74531; --coral-ink:#B23333; --coral-soft:#FF9A8B; --sun:#FFC15E;
  /* ink + neutrals */
  --ink:#2A211E; --ink-soft:#4A3F39; --taupe:#6E635A; --muted:#9C8F84; --rule:#ECE2D7;
  --on-coral-muted:rgba(255,255,255,.85);
  /* trend-triage (renamed from best/good/avoid to match the shipped feature) */
  --wear:#3E7A5A; --adapt:#E0A43B; --skip:#C2453B;
  /* type */
  --display:"Fraunces",Georgia,serif; --ui:"Hanken Grotesk",system-ui,sans-serif; --mono:"Space Mono",ui-monospace,monospace;
  --dw:420; --wonk:"SOFT" 80,"WONK" 1;
  /* opsz pin for display sizes >=28px (SURFACES-build-handover §1.5, S0 v2 canonical) */
  --disp-opsz:"opsz" 144,"SOFT" 80,"WONK" 1;
  /* shape + elevation + motion */
  --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:24px; --radius-pill:100px;
  --shadow:0 18px 40px -18px rgba(42,33,30,.35);
  --ease-pop:cubic-bezier(.34,1.56,.64,1);
  /* the S2 Fitting loader's overshoot easing (canonical --pop, SURFACES handover §1.5) */
  --pop:cubic-bezier(.3,1.35,.5,1);
  /* S3 reveal-funnel canon additions (verbatim from onyou-reveal-funnel-mockup.html :root) */
  --terra:#C74531; --paper:#FDF6EF; --paper-ink:#2A211E; --line:rgba(42,33,30,.14);
  /* legacy aliases — resolve old references during the re-skin; do NOT use in new code */
  --best:var(--wear); --good:var(--adapt); --avoid:var(--skip);
  --green:#2A211E; --green2:#4A3F39; --maroon:var(--skip); --board:#F6EDE2;
}