/* Design tokens CNT. Componentes usam apenas estas variáveis. */
:root {
  --bg: #031a28; --surface: #062a40; --surface-2: #0a3752; --line: #14506e;
  --text: #f3eee2; --text-dim: #a9c3d2; --text-faint: #6f93a8;
  --accent: #e0b878; --accent-dim: #b8802f; --accent-ink: #1a1206;
  --blue: #6db3e0; --red: #e0625a; --green: #5fbf7a; --amber: #e0b878;
  --grad-gold: linear-gradient(135deg, #f8d898, #b8802f);
  --shadow-1: 0 1px 2px rgb(0 0 0 / .3), 0 4px 12px rgb(0 0 0 / .25);
  --shadow-2: 0 12px 40px rgb(0 0 0 / .45);
  --overlay: rgb(2 12 20 / .7);
  --font-title: "Teko", system-ui, sans-serif;
  --font-body: "Work Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 20px; --s6: 24px; --s8: 32px; --s10: 40px;
  --r1: 6px; --r2: 8px; --r3: 12px; --r4: 16px; --r5: 24px; --pill: 999px;
  --t1: 120ms; --t2: 200ms; --t3: 340ms; --ease: cubic-bezier(.2, .7, .2, 1);
  --sidebar-w: 248px; --topbar-h: 56px;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #eef3f6; --surface: #fff; --surface-2: #e0eaf0; --line: #c3d3dd;
    --text: #0b2233; --text-dim: #3d5a6c; --text-faint: #6a8595;
    --accent: #9a6a1c; --accent-dim: #7a5214; --blue: #004466; --red: #a53a33; --green: #2f7a4c; --amber: #9a6a1c;
    --shadow-1: 0 1px 2px rgb(0 40 70 / .08), 0 4px 12px rgb(0 40 70 / .08);
    --shadow-2: 0 12px 40px rgb(0 40 70 / .2);
    --overlay: rgb(11 34 51 / .45);
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --bg: #eef3f6; --surface: #fff; --surface-2: #e0eaf0; --line: #c3d3dd;
  --text: #0b2233; --text-dim: #3d5a6c; --text-faint: #6a8595;
  --accent: #9a6a1c; --accent-dim: #7a5214; --blue: #004466; --red: #a53a33; --green: #2f7a4c; --amber: #9a6a1c;
  --shadow-1: 0 1px 2px rgb(0 40 70 / .08), 0 4px 12px rgb(0 40 70 / .08);
  --shadow-2: 0 12px 40px rgb(0 40 70 / .2);
  --overlay: rgb(11 34 51 / .45);
  color-scheme: light;
}