/*
  Tokens do Painel — copiados do protótipo aprovado (tag prototipo-painel-v1).
  Use estes valores exatos em produção. A paleta categórica (--s1…--s8) foi validada
  para daltonismo contra a superfície de cada tema; trocar a superfície exige revalidar.
*/

/* Tema escuro (padrão): grafite azulado, sem preto puro e sem branco puro */
:root {
  --pagina: #161b24;
  --superficie: #1e2430;
  --superficie-2: #283040;
  --tinta: #e6e9f0;
  --tinta-2: #b3bac8;
  --tinta-3: #8a93a5;
  --grade: #2b3240;
  --eixo: #3a4252;
  --borda: rgba(255, 255, 255, .08);
  --outros: #5d6577;   /* 9ª entidade em diante e quem não está no gráfico */
  --acento: #3987e5;

  /* categórica, ordem fixa; a cor segue a entidade (candidato/agremiação), nunca a posição */
  --s1: #3987e5; --s2: #d95926; --s3: #199e70; --s4: #c98500;
  --s5: #d55181; --s6: #008300; --s7: #9085e9; --s8: #e66767;

  /* direção (sempre com ▲/▼, nunca só a cor) */
  --sobe: #0ca30c;
  --desce: #d03b3b;
  --instavel: #fab219; /* ponto da faixa quando a consulta ao TSE falha */

  color-scheme: dark;
}

/* Tema claro (opcional, alternado pelo botão ◐ e lembrado no navegador) */
:root[data-tema="claro"] {
  --pagina: #f9f9f7;
  --superficie: #fcfcfb;
  --superficie-2: #f0efec;
  --tinta: #0b0b0b;
  --tinta-2: #52514e;
  --tinta-3: #898781;
  --grade: #e1e0d9;
  --eixo: #c3c2b7;
  --borda: rgba(11, 11, 11, .10);
  --outros: #b5b3ab;
  --acento: #2a78d6;
  --s1: #2a78d6; --s2: #eb6834; --s3: #1baf7a; --s4: #eda100;
  --s5: #e87ba4; --s6: #008300; --s7: #4a3aa7; --s8: #e34948;
  --sobe: #006300;
  --desce: #d03b3b;
  color-scheme: light;
}

/* Tipografia: só a fonte do sistema; números alinhados em colunas usam tabular-nums */
:root {
  --fonte: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --t-heroi: 650 48px/1 var(--fonte);        /* % do líder de Presidente (30px em Governador e Senado) */
  --t-kpi: 650 26px/1.1 var(--fonte);        /* valor dos indicadores (22px no celular) */
  --t-cartao: 650 17px/1.2 var(--fonte);     /* título do cartão */
  --t-nome: 600 14px/1.25 var(--fonte);      /* nome no ranking */
  --t-meta: 400 12px/1.3 var(--fonte);       /* partido · votos, legendas */
  --t-rotulo: 400 11px/1.3 var(--fonte);     /* rótulos em CAIXA ALTA com letter-spacing .04em */
}

/* Medidas */
:root {
  --faixa-altura: 44px;      /* faixa de status fixa no topo */
  --cartao-raio: 16px;
  --cartao-padding: 18px;
  --kpi-raio: 14px;
  --gap: 12px;
  --rosto: 40px;             /* 28px nas tabelas da Tela 2; anel = 2px de superfície + 2px na cor */
  --barra-altura: 6px;       /* barras de fluxo de votos (decisão do usuário: 6px, não 8px) */
  --grafico-altura: 210px;   /* margens: topo 14, direita 58, base 26, esquerda 38 */
  --conteudo-max: 1480px;
}