/* design/tokens.css — the palette and scale everything derives from.
   PRODUCT.md's visual-identity section states which values it overrides. */
:root{
  --bg:#F6F3EE; --surface:#FFFFFF; --ink:#1B1A17; --muted:#6B665D;
  --line:#E2DCD1; --accent:#C2410C; --accent-ink:#FFFFFF;
  --good:#1F7A4D; --warn:#A15C07; --crit:#B42318;
  --radius:4px; --shadow:0 1px 2px rgba(27,26,23,.10);
  --font-head:"Iowan Old Style","Palatino Linotype",Georgia,serif;
  --font-body:system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:40px; --space-6:64px;
  --text-sm:13px; --text-base:16px; --text-lg:19px; --text-xl:28px; --text-2xl:44px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#14120F; --surface:#1C1A16; --ink:#EFEAE0; --muted:#A39C8E;
  --line:#342F27; --accent:#FB923C; --accent-ink:#1A0E04;
  --good:#5BC58A; --warn:#E5A04A; --crit:#F27B6C;
}}
:root[data-theme="dark"]{
  --bg:#14120F; --surface:#1C1A16; --ink:#EFEAE0; --muted:#A39C8E;
  --line:#342F27; --accent:#FB923C; --accent-ink:#1A0E04;
  --good:#5BC58A; --warn:#E5A04A; --crit:#F27B6C;
}
body{background:var(--bg);color:var(--ink);margin:0;
  font:var(--text-base)/1.6 var(--font-body)}
h1,h2,h3{font-family:var(--font-head);line-height:1.2;text-wrap:balance}
a{color:var(--accent)}
button,.btn{background:var(--accent);color:var(--accent-ink);border:0;
  border-radius:var(--radius);padding:10px 18px;font-weight:600;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
input,textarea,select{background:var(--surface);color:var(--ink);
  border:1px solid var(--line);border-radius:var(--radius);padding:9px 12px;font:inherit;width:100%;box-sizing:border-box}