/* GERADO por control/scripts/gerar-tokens.mjs a partir de CANONICOS/DESIGN.md. Não editar à mão. */
:root{
  /* --- cores da marca (DESIGN.md, seção Colors, em prosa) --- */
  --cor-fundo:#0A1729;            /* Ink: canvas */
  --cor-superficie:#0C1E3A;       /* Navy: painéis */
  --cor-superficie-2:#102446;     /* nível 2: decks ativos (com blur 12px) */
  --cor-superficie-3:#132B54;     /* nível 3: sobreposições e alertas */
  --cor-campo:#07101D;            /* fundo de inputs */
  --cor-primaria:#1857C5;         /* cobalto: estrutura e ação principal */
  --cor-primaria-hover:#256BF5;
  --cor-secundaria:#FF6B5A;       /* coral: ao vivo, voz, destaque (D-F6-6) */
  --cor-texto:#F4F7FB;
  --cor-texto-2:#96A6BE;
  --cor-texto-apagado:#526582;
  --cor-aviso:#FFAA00;            /* degradado */
  --cor-critico:#F83B46;          /* crítico / perda */
  --borda-fina:rgba(255,255,255,.07);
  --borda-interna:rgba(255,255,255,.05);
  --borda-deck:rgba(24,87,197,.3);
  --brilho-coral:0 0 24px rgba(255,107,90,.15);
  /* --- papéis Material do YAML (rastreabilidade; as telas usam --cor-*) --- */
  --ds-surface:#071425;
  --ds-surface-dim:#071425;
  --ds-surface-bright:#2e3a4d;
  --ds-surface-container-lowest:#030e20;
  --ds-surface-container-low:#0f1c2e;
  --ds-surface-container:#142032;
  --ds-surface-container-high:#1e2a3d;
  --ds-surface-container-highest:#293549;
  --ds-on-surface:#d6e3fc;
  --ds-on-surface-variant:#c3c6d5;
  --ds-inverse-surface:#d6e3fc;
  --ds-inverse-on-surface:#253144;
  --ds-outline:#8d909f;
  --ds-outline-variant:#434653;
  --ds-surface-tint:#b1c5ff;
  --ds-primary:#b1c5ff;
  --ds-on-primary:#002c71;
  --ds-primary-container:#1857c5;
  --ds-on-primary-container:#cad6ff;
  --ds-inverse-primary:#1a58c6;
  --ds-secondary:#ffb4a9;
  --ds-on-secondary:#690002;
  --ds-secondary-container:#8f1a13;
  --ds-on-secondary-container:#ff9f92;
  --ds-tertiary:#54df91;
  --ds-on-tertiary:#00391d;
  --ds-tertiary-container:#006c3d;
  --ds-on-tertiary-container:#67f1a0;
  --ds-error:#ffb4ab;
  --ds-on-error:#690005;
  --ds-error-container:#93000a;
  --ds-on-error-container:#ffdad6;
  --ds-primary-fixed:#dae2ff;
  --ds-primary-fixed-dim:#b1c5ff;
  --ds-on-primary-fixed:#001947;
  --ds-on-primary-fixed-variant:#00419f;
  --ds-secondary-fixed:#ffdad5;
  --ds-secondary-fixed-dim:#ffb4a9;
  --ds-on-secondary-fixed:#410001;
  --ds-on-secondary-fixed-variant:#8c1711;
  --ds-tertiary-fixed:#73fcab;
  --ds-tertiary-fixed-dim:#54df91;
  --ds-on-tertiary-fixed:#00210f;
  --ds-on-tertiary-fixed-variant:#00522d;
  --ds-background:#071425;
  --ds-on-background:#d6e3fc;
  --ds-surface-variant:#293549;
  /* --- tipografia --- */
  --fonte-titulo:'Sora',sans-serif;
  --fonte-texto:'Manrope',sans-serif;
  --fonte-mono:'JetBrains Mono',monospace;
  --tipo-headline-xl:700 48px/56px var(--fonte-titulo);
  --tipo-headline-xl-espaco:-0.02em;
  --tipo-headline-xl-mobile:700 32px/40px var(--fonte-titulo);
  --tipo-headline-xl-mobile-espaco:-0.01em;
  --tipo-headline-lg:600 32px/40px var(--fonte-titulo);
  --tipo-headline-lg-espaco:-0.015em;
  --tipo-headline-lg-mobile:600 24px/32px var(--fonte-titulo);
  --tipo-headline-lg-mobile-espaco:-0.01em;
  --tipo-headline-md:600 22px/30px var(--fonte-titulo);
  --tipo-headline-md-espaco:-0.01em;
  --tipo-title-sm:600 16px/24px var(--fonte-titulo);
  --tipo-transcription-stream:500 20px/32px var(--fonte-texto);
  --tipo-transcription-stream-espaco:0.01em;
  --tipo-transcription-stream-mobile:500 16px/26px var(--fonte-texto);
  --tipo-transcription-stream-mobile-espaco:0.01em;
  --tipo-body-md:400 14px/22px var(--fonte-texto);
  --tipo-body-sm:400 12px/18px var(--fonte-texto);
  --tipo-telemetry-lg:700 24px/28px var(--fonte-mono);
  --tipo-telemetry-lg-espaco:-0.04em;
  --tipo-telemetry-md:500 13px/16px var(--fonte-mono);
  --tipo-telemetry-md-espaco:-0.02em;
  --tipo-telemetry-nano:400 10px/12px var(--fonte-mono);
  --tipo-telemetry-nano-espaco:0.02em;
  /* --- raios --- */
  --raio-sm:0.125rem;
  --raio-base:0.25rem;
  --raio-md:0.375rem;
  --raio-lg:0.5rem;
  --raio-xl:0.75rem;
  --raio-full:9999px;
  /* --- espaços --- */
  --gutter:1rem;
  --gutter-desktop:1.5rem;
  --margin:1rem;
  --margin-desktop:2rem;
  --espaco-xs:0.25rem;
  --espaco-sm:0.5rem;
  --espaco-md:1rem;
  --espaco-lg:1.5rem;
  --espaco-xl:2.5rem;
}