/* Prancheta — tokens (cópia gerada de tokens.json do design system; não editar à mão) */
:root, [data-theme="light"] {
  --marca-azul: #15233F;
  --marca-azul-2: #1E3358;
  --marca-faixa: #15233F;
  --marca-ambar: #F2A91B;
  --marca-aco: #3366A3;
  --on-marca: #FFFFFF;
  --linha-sobre-marca: rgba(207, 224, 245, 0.25);
  --marca-gelo: #CFE0F5;
  --fundo: #F6F8FB;
  --superficie: #FFFFFF;
  --superficie-2: #EEF2F7;
  --linha: #E2E8F2;
  --linha-controle: #7D8BA3;
  --tinta: #1B2A45;
  --tinta-suave-campo: #3F4D66;
  --tinta-suave: #56657F;
  --acao: #15233F;
  --acao-hover: #1E3358;
  --on-acao: #FFFFFF;
  --destaque: #F2A91B;
  --on-destaque: #15233F;
  --destaque-texto: #7A5A00;
  --destaque-fundo: #FBF1DA;
  --link: #2F5F98;
  --foco: #2F5F98;
  --critico: #B42318;
  --critico-fundo: #FDECEA;
  --atencao: #A84A0A;
  --atencao-fundo: #FDF0E2;
  --ok: #1E7A50;
  --ok-fundo: #E4F4EC;
  --info: #2F5F98;
  --info-fundo: #E7EEF8;
  --on-status: #FFFFFF;
  --veu: rgba(10, 20, 40, 0.55);
  --sombra-toast: 0 4px 12px rgba(10, 20, 40, 0.15);
}
[data-theme="dark"] {
  --marca-azul: #15233F;
  --marca-azul-2: #1E3358;
  --marca-faixa: #1E3358;
  --marca-ambar: #F2A91B;
  --marca-aco: #3366A3;
  --on-marca: #FFFFFF;
  --linha-sobre-marca: rgba(207, 224, 245, 0.25);
  --marca-gelo: #CFE0F5;
  --fundo: #0A1428;
  --superficie: #15233F;
  --superficie-2: #1E3358;
  --linha: #2C3D5E;
  --linha-controle: #74859F;
  --tinta: #F1F4F9;
  --tinta-suave-campo: #C3CEDF;
  --tinta-suave: #A9B6CC;
  --acao: #F2A91B;
  --acao-hover: #F5BB45;
  --on-acao: #15233F;
  --destaque: #F2A91B;
  --on-destaque: #15233F;
  --destaque-texto: #F2A91B;
  --destaque-fundo: #3A2E10;
  --link: #8DB4E6;
  --foco: #F2A91B;
  --critico: #F7877C;
  --critico-fundo: #3D1C22;
  --atencao: #F5A35C;
  --atencao-fundo: #3A2812;
  --ok: #5CC99A;
  --ok-fundo: #0F3326;
  --info: #8DB4E6;
  --info-fundo: #1B3358;
  --on-status: #15233F;
  --veu: rgba(0, 0, 0, 0.7);
  --sombra-toast: 0 4px 12px rgba(0, 0, 0, 0.5);
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 20px;
  --espaco-6: 24px;
  --espaco-7: 28px;
  --espaco-8: 36px;
  --espaco-9: 48px;
  --raio-sm: 6px;
  --raio-md: 8px;
  --raio-lg: 10px;
  --raio-xl: 12px;
  --raio-pill: 999px;
  --alvo-campo: 48px;
  --alvo-escritorio: 36px;
  --alvo-nav: 56px;
  --alvo-tabela: 28px;
  --largura-conteudo: 1200px;
  --largura-modal: 440px;
  --quebra-sm: 640px;
  --quebra-md: 768px;
  --font-display: Barlow, "Barlow Fallback", system-ui, sans-serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.titulo-capa { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.01em; }
.titulo-pagina { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 700; }
.titulo-secao { font-family: var(--font-display); font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: 0.6px; }
.sobretitulo { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 2px; }
.kpi-valor { font-family: var(--font-display); font-size: 32px; line-height: 36px; font-weight: 700; }
.botao { font-family: var(--font-display); font-size: 15px; line-height: 20px; font-weight: 600; }
.corpo-campo { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 400; }
.corpo { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.tabela { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.rotulo { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; letter-spacing: 0.6px; }
.meta { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.badge { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 600; }
.codigo { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
@font-face { font-family: "Barlow"; src: url("fonts/barlow-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("fonts/barlow-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }