/* Tokens visuais do Stark 360 — ÚNICO lugar com cor e tamanho.
 *
 * :root = tema claro (desktop, sempre claro).
 * A TV usa o padrão BI (bi.css), que escala em `em` — não precisa de tokens próprios.
 * Sem prefers-color-scheme: o sistema é sempre claro, que é o padrão do cliente.
 */
:root {
  /* superfícies */
  --fundo:            #f2f1ee;
  --superficie:       #ffffff;
  --superficie-2:     #edebe7;
  --trilho:           #e3e0db;

  /* tinta (tinta-3 escurecida em relação à v1 para passar AA sobre superficie-2) */
  --tinta:            #16150f;
  --tinta-2:          #4a4740;
  --tinta-3:          #6f6a63;

  /* paleta Stark */
  --preto:            #16150f;
  --amarelo:          #f5c518;
  --amarelo-escuro:   #c79a00;
  --vermelho:         #d6344f;
  --vermelho-texto:   #b8243d;
  --laranja:          #e07b22;
  --laranja-texto:    #a85712;
  --verde:            #3f9e5a;
  --verde-texto:      #2a7a43;
  --azul:             #2f6fd0;

  /* unidades de negócio nas barras e chips (i=0 matriz, i=1 filial, i>=2 cinza) */
  --cor-matriz:       #16150f;
  --cor-matriz-tinta: #ffffff;   /* texto sobre o chip da matriz */
  --cor-filial:       #f5c518;
  --cor-filial-tinta: #16150f;
  --cor-unidade-2:    #85807a;
  --cor-unidade-2-tinta: #ffffff;
  --cor-manutencao:   #d6344f;

  /* origem do dado: derivado / estimado */
  --derivado-fundo:       #faf4e2;
  --derivado-borda:       #d8b24a;
  --derivado-selo-fundo:  #f0dca4;
  --derivado-selo-texto:  #5c4a0e;
  --estimado-fundo:       #fbf0e2;
  --estimado-borda:       #d89a4a;
  --estimado-selo-fundo:  #efc79a;
  --estimado-selo-texto:  #6a3a0c;

  /* severidade dos alertas de cadastro */
  --sev-alta:   var(--vermelho);
  --sev-media:  var(--laranja);
  --sev-baixa:  var(--tinta-3);

  /* bordas e foco */
  --borda:        #d9d5ce;
  --borda-forte:  #16150f;
  --foco:         #c79a00;

  /* barra lateral (escura mesmo no tema claro) */
  --lateral-fundo:    #16150f;
  --lateral-tinta:    #f4f2ec;
  --lateral-tinta-2:  #a39f95;

  /* hachura (valor não medido) */
  --hachura-cor:   rgba(255, 255, 255, .55);
  --hachura-passo: 4px;

  /* raios */
  --raio:       10px;
  --raio-p:     6px;
  --raio-pill:  999px;

  /* espaçamentos */
  --esp-1: 4px;  --esp-2: 8px;  --esp-3: 12px; --esp-4: 16px;
  --esp-5: 24px; --esp-6: 32px; --esp-7: 48px;

  /* casca */
  --lateral-l:          232px;
  --lateral-l-compacta: 64px;
  --topo-a:             64px;
  --gutter:             16px;

  /* tamanhos de selo e chip (a TV os aumenta por token, §7.2) */
  --selo-f:   9.5px;
  --chip-f:   10px;
  --chip-a:   20px;
  --chip-pad: 0 8px;

  /* fontes de sistema — nada baixado */
  --fonte: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --mono:  "Cascadia Mono", Consolas, "SF Mono", ui-monospace, Menlo, monospace;

  /* movimento */
  --transicao: 120ms;
  --tv-fade:   400ms;
}