/* FragTawny Mist v4 - design tokens (SPEC §6) */
:root{
  /* crimson scale */
  --crim-950:#1f030d;
  --crim-900:#2e0514;
  --crim-800:#3f0719;
  --crim-700:#560b26;   /* page base */
  --crim-600:#6e1131;   /* selected card, cards */
  --crim-500:#8c1a3d;   /* hover fills */

  --cream:#fbefe0;
  --cream-mut:rgba(251,239,224,.74);
  --line:rgba(251,239,224,.16);
  --line-2:rgba(251,239,224,.28);
  --saffron:#f5a623;
  --saffron-hi:#ffbe4d;
  --on-saffron:#2a0710;
  --error:#ffc9bd;        /* light coral: reads as an error on crimson without clashing with saffron */
  --error-bg:rgba(255,120,100,.14);

  /* per-scent backgrounds: red family only (R > 2.5G, R > 1.5B) */
  --bg-sun-down:#5e0f1c;
  --bg-water-floww:#520a30;
  --bg-revv-rose:#620c33;
  --bg-mystic-wood:#4e0a19;
  --bg-vanilla-touch:#5c1124;

  /* texture (road) */
  --road-edge:rgba(251,239,224,.15);
  --road-dash:rgba(245,166,35,.16);
  --road-pin:rgba(245,166,35,.16);
  --road-label:rgba(251,239,224,.15);
  --road-ground:rgba(0,0,0,.06);

  /* type */
  --display:'Barlow','Arial Narrow',sans-serif;
  --script:'Allura',cursive;
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-h1:clamp(56px,7.2vw,112px);
  --fs-h2:clamp(40px,5.4vw,72px);
  --fs-script:clamp(40px,4.2vw,64px);
  --fs-h3:clamp(24px,2.2vw,32px);
  --fs-lead:clamp(18px,1.4vw,20px);
  --fs-label:13px;

  /* spacing (4px base) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --sec:clamp(96px,12vw,144px);
  --gutter:clamp(16px,4.5vw,64px);
  --maxw:1200px;
  --radius:18px;
  --pill:999px;
  --hdr:84px;

  --ease:cubic-bezier(.2,.7,.2,1);
  --back:cubic-bezier(.34,1.56,.64,1);
}
@media (max-width:767px){
  :root{ --hdr:64px; }
}