/* Shared visual tokens from the site's original design system. */
:root,html[data-theme="light"]{
  --bg:#F9F8F6;
  --bg-2:#F2F0EC;
  --surface:#FFFFFF;
  --surface-2:#FBFAF8;
  --dark:#141414;
  --dark-2:#1E1E1E;

  --ink:#141414;
  --ink-2:#6B6B6B;
  --ink-3:#A4A4A4;

  --line:rgba(0,0,0,.08);
  --line-2:rgba(0,0,0,.14);
  --line-3:rgba(0,0,0,.24);

  /* the single accent — a red spark, used deliberately and rarely */
  --accent:#D92D20;
  --accent-button-ink:#FFFFFF;
  --accent-soft:#FFECEA;
  --accent-glow:rgba(255,0,0,.2);

  /* status — colour AND words, never colour alone */
  --ok:#0F7A4F;    --ok-bg:#E9F4EE;    --ok-line:#BCDECB;
  --warn:#925C00;  --warn-bg:#FBF0DC;  --warn-line:#E8CE99;
  --risk:#C5261B;  --risk-bg:#FCEBE9;  --risk-line:#F3C0BA;
  --pend:#6B6B6B;  --pend-bg:#F0EEEA;  --pend-line:#DAD6CE;

  --ring:0 0 0 1px rgba(0,0,0,.05);
  --shadow-1:0 0 0 1px rgba(0,0,0,.04),0 1px 2px rgba(0,0,0,.04);
  --shadow-2:0 0 0 1px rgba(0,0,0,.04),0 10px 30px -14px rgba(0,0,0,.16);
  --shadow-3:0 0 0 1px rgba(0,0,0,.05),0 24px 48px -16px rgba(0,0,0,.18);

  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Geist Mono","JetBrains Mono",ui-monospace,Consolas,monospace;

  --panel:#141414;
  --panel-ink:#F2F0EC;
  --wrap:1220px;
  --r:20px;
  --r-sm:12px;
  --r-xs:8px;
  --pill:100px;
  --head-h:66px;
}

:root[data-theme="dark"]{
  --bg:#0F0F0F;
  --bg-2:#141414;
  --surface:#171717;
  --surface-2:#1C1C1C;
  --dark:#F2F0EC;
  --dark-2:#E6E3DD;
  --ink:#F5F3EF;
  --ink-2:#A8A49D;
  --ink-3:#77736C;
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.16);
  --line-3:rgba(255,255,255,.28);
  --accent:#FF8278;
  --accent-button-ink:#141414;
  --accent-soft:#2A1512;
  --accent-glow:rgba(255,68,56,.25);
  --ok:#4FBE8B;    --ok-bg:#122019;    --ok-line:#254434;
  --warn:#D9A445;  --warn-bg:#211A0E;  --warn-line:#463719;
  --risk:#F0776A;  --risk-bg:#241412;  --risk-line:#4A2621;
  --pend:#A8A49D;  --pend-bg:#1C1C1C;  --pend-line:#2E2E2E;
  --panel:#1C1C1C;
  --ring:0 0 0 1px rgba(255,255,255,.07);
  --shadow-1:0 0 0 1px rgba(255,255,255,.06),0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 0 0 1px rgba(255,255,255,.06),0 10px 30px -14px rgba(0,0,0,.8);
  --shadow-3:0 0 0 1px rgba(255,255,255,.08),0 24px 48px -16px rgba(0,0,0,.9);
}