/* Gerado por scripts/build_tokens.py a partir de design/tokens.json. Não editar. */
:root {
  color-scheme: light;
  --surface: #f2f3f5;
  --surface-raised: #ffffff;
  --surface-sunken: #e9ebee;
  --surface-glass: rgba(255, 255, 255, 0.72);
  --hairline: rgba(11, 13, 16, 0.08);
  --outline: #7d838b;
  --ink: #0b0d10;
  --ink-muted: #454b53;
  --ink-faint: #5a6068;
  --earth: #1b58a3;
  --earth-soft: #e1ebf7;
  --on-earth: #ffffff;
  --breach: #a3182f;
  --breach-soft: #f8e1e5;
  --focus: var(--earth);
  --shadow-1: 0 1px 2px rgba(11, 13, 16, 0.06), 0 4px 16px rgba(11, 13, 16, 0.05);
  --shadow-2: 0 2px 6px rgba(11, 13, 16, 0.08), 0 16px 40px rgba(11, 13, 16, 0.10);
  --font-sans: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  color-scheme: dark;
  --surface: #08090b;
  --surface-raised: #141619;
  --surface-sunken: #1d2024;
  --surface-glass: rgba(20, 22, 25, 0.68);
  --hairline: rgba(238, 240, 243, 0.08);
  --outline: #71777f;
  --ink: #eef0f3;
  --ink-muted: #a9afb7;
  --ink-faint: #8d939b;
  --earth: #86b7f2;
  --earth-soft: #13253b;
  --on-earth: #06101c;
  --breach: #f28b9c;
  --breach-soft: #3b131b;
  --focus: var(--earth);
  --shadow-1: 0 0 0 1px rgba(238, 240, 243, 0.08), 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 0 0 1px rgba(238, 240, 243, 0.10), 0 16px 48px rgba(0, 0, 0, 0.55);
}
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #08090b;
  --surface-raised: #141619;
  --surface-sunken: #1d2024;
  --surface-glass: rgba(20, 22, 25, 0.68);
  --hairline: rgba(238, 240, 243, 0.08);
  --outline: #71777f;
  --ink: #eef0f3;
  --ink-muted: #a9afb7;
  --ink-faint: #8d939b;
  --earth: #86b7f2;
  --earth-soft: #13253b;
  --on-earth: #06101c;
  --breach: #f28b9c;
  --breach-soft: #3b131b;
  --focus: var(--earth);
  --shadow-1: 0 0 0 1px rgba(238, 240, 243, 0.08), 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 0 0 1px rgba(238, 240, 243, 0.10), 0 16px 48px rgba(0, 0, 0, 0.55);
}