/* Design tokens: cores, sombras e tipografia (claro / escuro). */
:root{
  color-scheme:light;
  --bg:#EEF1F5; --surface:#FFFFFF; --surface2:#F5F7FA; --ink:#14202B; --muted:#5B6B7A; --line:#D3DAE2;
  --accent:#1F4FD8; --accent-ink:#FFFFFF; --accent-soft:#E3EAFD; --danger:#B3261E; --canvas:#DCE1E8;
  --shadow:0 1px 2px rgba(20,32,43,.10),0 10px 28px rgba(20,32,43,.12); --ok:#1B7F4B;
  --ff-display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --ff-body:'Hanken Grotesk','Segoe UI',system-ui,sans-serif;
  --ff-mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E141A; --surface:#161F27; --surface2:#1B2630; --ink:#E7EDF2; --muted:#93A3B1; --line:#2A3743;
  --accent:#7C9DFF; --accent-ink:#0B1220; --accent-soft:#1E2B4C; --danger:#FF8A80; --canvas:#0A0F14;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.45); --ok:#5FD39A; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E141A; --surface:#161F27; --surface2:#1B2630; --ink:#E7EDF2; --muted:#93A3B1; --line:#2A3743;
  --accent:#7C9DFF; --accent-ink:#0B1220; --accent-soft:#1E2B4C; --danger:#FF8A80; --canvas:#0A0F14;
  --shadow:0 1px 2px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.45); --ok:#5FD39A; color-scheme:dark}