/* GERADO por design/gerar_tokens.py a partir de design/tokens.json — não editar à mão. */
:root {
  --font-sans: "Inter Variable", system-ui, -apple-system, 'Segoe UI', sans-serif;
  --color-bg-page: #00272D;
  --color-bg-sidebar: #00353E;
  --color-bg-surface: #002E36;
  --color-bg-raised: #004049;
  --color-bg-field: rgba(255,255,255,.05);
  --color-line: rgba(255,255,255,.08);
  --color-line-soft: rgba(255,255,255,.06);
  --color-line-strong: rgba(255,255,255,.12);
  --color-hover: rgba(255,255,255,.06);
  --color-row-hover: rgba(255,255,255,.03);
  --color-ink-strong: #EAF4F3;
  --color-ink-body: #B9D0CD;
  --color-ink-muted: #86A5A1;
  --color-ink-faint: #5C7F7B;
  --color-brand: #ABD301;
  --color-brand-strong: #C4EC2A;
  --color-brand-soft: rgba(171,211,1,.14);
  --color-brand-border: rgba(171,211,1,.38);
  --color-ink-on-brand: #06201C;
  --color-light-button: #EAF4F3;
  --color-ink-on-light-button: #06201C;
  --color-teal: #4ECABF;
  --color-teal-strong: #00A294;
  --color-ok: #4ADE80;
  --color-warn: #F4D35E;
  --color-danger: #F87171;
  --color-info: #4ECABF;
  --color-chart-1: #ABD301;
  --color-chart-2: #4ECABF;
  --color-chart-3: #C4A8E0;
  --color-chart-4: #F4B860;
  --color-overlay: rgba(0,0,0,.6);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-card: 14px;
  --radius-lg: 16px;
  --radius-pill: 999px;
}
:root {
  color-scheme: dark;
  --bg-surface-gradient: linear-gradient(160deg,#003B45 0%,#002E36 60%);
  --sombra-raised: 0 12px 32px rgba(0,0,0,.45);
  --tam-sidebar: 248px;
  --tam-sidebar-collapsed: 68px;
  --tam-topbar: 68px;
  --tam-nav-item: 38px;
  --tam-nav-sub: 32px;
  --tam-button: 38px;
  --tam-button-sm: 32px;
  --tam-button-lg: 44px;
  --tam-field: 38px;
  --tam-row: 56px;
  --tam-kpi-icon: 38px;
  --tam-badge: 24px;
  --mov-duration: 220ms;
  --mov-ease: cubic-bezier(.2,0,0,1);
  --mov-stagger: 40ms;
  --mov-count-up: 600ms;
  --mov-chart-draw: 700ms;
  --mov-theme-switch: 180ms;
}
:root[data-theme="light"] {
  color-scheme: light;
  --color-bg-page: #EEF4F4;
  --color-bg-sidebar: #FFFFFF;
  --color-bg-surface: #FFFFFF;
  --bg-surface-gradient: linear-gradient(160deg,#FFFFFF 0%,#F9FCFC 100%);
  --color-bg-raised: #FFFFFF;
  --color-bg-field: rgba(0,53,62,.04);
  --color-line: rgba(0,53,62,.10);
  --color-line-soft: rgba(0,53,62,.07);
  --color-line-strong: rgba(0,53,62,.14);
  --color-hover: rgba(0,53,62,.05);
  --color-row-hover: rgba(0,53,62,.03);
  --color-ink-strong: #062B30;
  --color-ink-body: #2E5156;
  --color-ink-muted: #5F7F83;
  --color-ink-faint: #8FA7AA;
  --color-brand: #00807A;
  --color-brand-strong: #006B66;
  --color-brand-soft: rgba(0,128,122,.10);
  --color-brand-border: rgba(0,128,122,.32);
  --color-ink-on-brand: #FFFFFF;
  --color-light-button: #00353E;
  --color-ink-on-light-button: #FFFFFF;
  --color-teal: #00807A;
  --color-teal-strong: #00605C;
  --color-ok: #178A4C;
  --color-warn: #A16207;
  --color-danger: #C53030;
  --color-info: #0E7490;
  --color-chart-1: #00807A;
  --color-chart-2: #5C7F00;
  --color-chart-3: #7C5CBF;
  --color-chart-4: #C27A10;
  --color-overlay: rgba(0,0,0,.6);
  --sombra-raised: 0 8px 24px rgba(0,53,62,.10);
}