/* ============================================================
   TOKENS — light is the base; dark redefines tokens only.
   ============================================================ */
:root{
  --ground:#F1F5F1;
  --surface:#FFFFFF;
  --surface-2:#E7EFE8;
  --surface-3:#DCE8DE;
  --ink:#0C1F19;
  --ink-2:#3E534B;
  --ink-3:#6E837B;
  --line:#D5E1D7;
  --line-strong:#B9CCBD;
  --brand:#0E6B4B;
  --brand-2:#17916A;
  --brand-wash:#E4F1E9;
  --on-brand:#FFFFFF;
  --zest:#B9E34A;
  --zest-soft:#EEF9CF;
  --on-zest:#152207;
  --aqua:#2E9FB0;
  --aqua-wash:#DCF0F3;
  --flag:#C4611A;
  --shadow-sm:0 1px 2px rgba(12,31,25,.07);
  --shadow-md:0 2px 4px rgba(12,31,25,.05), 0 10px 24px -12px rgba(12,31,25,.22);
  --shadow-lg:0 4px 8px rgba(12,31,25,.06), 0 28px 60px -24px rgba(12,31,25,.34);
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Hanken Grotesk","Segoe UI",Helvetica,Arial,sans-serif;
  --mono:"DM Mono","SFMono-Regular",Consolas,monospace;
  --maxw:1140px;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#081310;
    --surface:#101E19;
    --surface-2:#16271F;
    --surface-3:#1D3229;
    --ink:#E6EFE8;
    --ink-2:#A8BCB3;
    --ink-3:#7B9188;
    --line:#20352C;
    --line-strong:#2E483C;
    --brand:#3BB786;
    --brand-2:#5FCB9F;
    --brand-wash:#12271E;
    --on-brand:#04150E;
    --zest:#C9EE63;
    --zest-soft:#1E2C10;
    --on-zest:#141F06;
    --aqua:#4FC0D0;
    --aqua-wash:#0F2429;
    --flag:#E08A46;
    --shadow-sm:0 1px 2px rgba(0,0,0,.4);
    --shadow-md:0 2px 4px rgba(0,0,0,.3), 0 10px 24px -12px rgba(0,0,0,.7);
    --shadow-lg:0 4px 8px rgba(0,0,0,.4), 0 28px 60px -24px rgba(0,0,0,.9);
  }
}
:root[data-theme="dark"]{
  --ground:#081310;
  --surface:#101E19;
  --surface-2:#16271F;
  --surface-3:#1D3229;
  --ink:#E6EFE8;
  --ink-2:#A8BCB3;
  --ink-3:#7B9188;
  --line:#20352C;
  --line-strong:#2E483C;
  --brand:#3BB786;
  --brand-2:#5FCB9F;
  --brand-wash:#12271E;
  --on-brand:#04150E;
  --zest:#C9EE63;
  --zest-soft:#1E2C10;
  --on-zest:#141F06;
  --aqua:#4FC0D0;
  --aqua-wash:#0F2429;
  --flag:#E08A46;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 2px 4px rgba(0,0,0,.3), 0 10px 24px -12px rgba(0,0,0,.7);
  --shadow-lg:0 4px 8px rgba(0,0,0,.4), 0 28px 60px -24px rgba(0,0,0,.9);
}