/* design/tokens.css — the palette and scale everything derives from.
   PRODUCT.md's visual-identity section states which values it overrides. */
:root{
  --bg:#FAFAF7; --surface:#FFFFFF; --ink:#20242B; --muted:#667085;
  --line:#E4E7EC; --accent:#3B5BDB; --accent-ink:#FFFFFF;
  --good:#12805C; --warn:#B54708; --crit:#B42318;
  --radius:8px; --shadow:0 1px 3px rgba(16,24,40,.08);
  --space-1:4px; --space-2:8px; --space-3:16px; --space-4:24px; --space-5:40px; --space-6:64px;
  --text-sm:13.5px; --text-base:16px; --text-lg:20px; --text-xl:28px; --text-2xl:40px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#101318; --surface:#171B22; --ink:#E7EAF0; --muted:#98A2B3;
  --line:#2A3140; --accent:#7C9AFF; --accent-ink:#0B1020;
  --good:#4CC38A; --warn:#E5924A; --crit:#F27B6C;
}}
:root[data-theme="dark"]{
  --bg:#101318; --surface:#171B22; --ink:#E7EAF0; --muted:#98A2B3;
  --line:#2A3140; --accent:#7C9AFF; --accent-ink:#0B1020;
  --good:#4CC38A; --warn:#E5924A; --crit:#F27B6C;
}
body{background:var(--bg);color:var(--ink);margin:0;
  font:var(--text-base)/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{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}