/* Tokens de design. Tema = troca destas variáveis. Claro é o base; escuro via auto (sistema) ou manual. */
:root{
  --bg:#F5F8FC; --card:#FFFFFF; --elev:#EAF1F8; --primary:#1D4ED8; --accent:#0E7490;
  --text:#172033; --muted:#475569; --border:#D7E0EB; --on-primary:#FFFFFF;
  --focus:#1D4ED8; --link:var(--primary); --disabled:#94A3B8;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-body:clamp(1rem,.95rem + .25vw,1.125rem); --fs-h1:clamp(2rem,1.4rem + 3vw,3.5rem); --fs-h2:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:3rem; --s5:clamp(3rem,6vw,6rem);
  --maxw:72rem; --radius:12px; --shadow:0 4px 18px rgba(15,23,42,.08); --t:.2s;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0B1220; --card:#111C2E; --elev:#17263B; --primary:#3B82F6; --accent:#22D3EE;
  --text:#F1F5F9; --muted:#A7B4C8; --border:#2A3A50; --on-primary:#0B1220;
  --focus:#22D3EE; --disabled:#64748B; --shadow:0 4px 18px rgba(0,0,0,.35); color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="dark"]){
    --bg:#0B1220; --card:#111C2E; --elev:#17263B; --primary:#3B82F6; --accent:#22D3EE;
    --text:#F1F5F9; --muted:#A7B4C8; --border:#2A3A50; --on-primary:#0B1220;
    --focus:#22D3EE; --disabled:#64748B; --shadow:0 4px 18px rgba(0,0,0,.35); color-scheme:dark;
  }
}