/* GenuineCRO design tokens — "evidence on paper", cool white edition. Light by default, dark via system preference
   (or force with <html data-theme="dark|light">). */
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/InstrumentSerif-400.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/InstrumentSerif-400-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("/assets/fonts/HankenGrotesk-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/assets/fonts/GeistMono-500.woff") format("woff");font-weight:400 600;font-style:normal;font-display:swap}

:root{
  --paper:#f6f8f7; --paper-2:#edf1ef; --raised:#ffffff; --line:#dfe6e2; --line-strong:#c9d3ce;
  --ink:#0e1a16; --ink-soft:#55625d; --ink-faint:#5f6c66;
  --evidence:#1f7a5c; --evidence-ink:#ffffff; --evidence-hover:#176248; --evidence-tint:#e3efe9;
  --deep:#0c1a15; --deep-line:#244338; --deep-text:#eef4f0; --deep-soft:#9fb8ac;
  --flag:#b8412c; --flag-tint:#f4e6e2; --amber:#8a5208;
  --shadow:0 1px 2px rgba(14,26,22,.04),0 10px 30px rgba(14,26,22,.07);
  --shadow-lg:0 2px 4px rgba(14,26,22,.05),0 24px 60px rgba(14,26,22,.12);
  --radius:10px; --radius-doc:4px; --radius-pill:999px;
  --font-display:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --wrap:1180px; --gutter:clamp(16px,4vw,40px);
  --step--1:clamp(.82rem,.8rem + .1vw,.88rem);
  --step-0:clamp(1rem,.97rem + .15vw,1.0625rem);
  --step-1:clamp(1.15rem,1.08rem + .35vw,1.3rem);
  --step-2:clamp(1.4rem,1.25rem + .75vw,1.8rem);
  --step-3:clamp(1.85rem,1.5rem + 1.7vw,2.7rem);
  --step-4:clamp(2.4rem,1.8rem + 3vw,4.1rem);
  --space-section:clamp(4rem,3rem + 5vw,8rem);
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0c1a15; --paper-2:#10211b; --raised:#12261f; --line:#244338; --line-strong:#35594b;
    --ink:#eef4f0; --ink-soft:#9fb8ac; --ink-faint:#86a094;
    --evidence:#4cbe93; --evidence-ink:#0a1a14; --evidence-hover:#6fd0ab; --evidence-tint:#12261e;
    --deep:#08130f; --deep-line:#244338; --deep-text:#eef4f0; --deep-soft:#9fb8ac;
    --flag:#e2765f; --flag-tint:#3a251e; --amber:#e0a64a;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.4); --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  --paper:#0c1a15; --paper-2:#10211b; --raised:#12261f; --line:#244338; --line-strong:#35594b;
    --ink:#eef4f0; --ink-soft:#9fb8ac; --ink-faint:#86a094;
  --evidence:#4cbe93; --evidence-ink:#0a1a14; --evidence-hover:#6fd0ab; --evidence-tint:#12261e;
  --deep:#08130f; --deep-line:#244338; --deep-text:#eef4f0; --deep-soft:#9fb8ac;
  --flag:#e2765f; --flag-tint:#3a251e; --amber:#e0a64a;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.4); --shadow-lg:0 2px 4px rgba(0,0,0,.4),0 24px 60px rgba(0,0,0,.5);
}