/* ============================================================
   TOKENS — IDENTIDADE LINKCE
   Fonte única da verdade das cores e medidas do painel.
   Carregado por TODAS as telas, inclusive as que não usam o
   styles.css (login, privacidade, termos).
   Mudar a cor da marca = mudar o --*-rgb correspondente, e só.

   Os tokens -rgb guardam o triplet cru (sem função de cor) para
   permitir transparência — ex.: --accent-rgb usado com alpha .18 dentro
   de uma função de cor. A versão sólida deriva do triplet, então existe
   UM lugar por cor.

   A ORDEM dos tokens reproduz a do :root original (styles.css:9-48)
   de propósito: o verificador compara cores por posição.
   ============================================================ */
:root {
  --bg:        #030a04;
  --bg2:       #101e14;
  --bg3:       #152219;
  --bg4:       #1c2e20;
  --border:    #243829;
  --border2:   #2e4535;
  --text:      #ddeae1;
  --text2:     #7ba882;
  --text3:     #6f9b7c;
  --accent-rgb: 129, 228, 57;
  --accent:    rgb(var(--accent-rgb));
  --accent2:   #6bc42d;
  --accent3:   #55a020;
  --danger-rgb: 248, 81, 73;
  --danger:    rgb(var(--danger-rgb));
  --warn-rgb:  240, 165, 0;
  --warn:      rgb(var(--warn-rgb));
  --purple-rgb: 163, 113, 247;
  --purple:    rgb(var(--purple-rgb));
  --cyan-rgb:  57, 197, 207;
  --cyan:      rgb(var(--cyan-rgb));
  --blue:      #2f81f7;
  --orange:    #fb8500;
  /* Variantes CLARAS para TEXTO sobre fundo tênue da mesma cor —
     escolhidas por contraste (AA folgado em texto pequeno). Não são o
     mesmo tom dos tokens sólidos de mesmo nome, use-as só em texto. */
  --danger-txt: #ff8a80;
  --purple-txt: #c99dfa;
  --radius:    14px;
  --radius-sm: 8px;

  /* Sombras com tinta de cor — derivam de --accent-rgb */
  --shadow-sm: 0 2px 8px rgba(0,0,0,.35);
  --shadow:    0 4px 20px rgba(0,0,0,.45);
  --shadow-lg: 0 8px 40px rgba(0,0,0,.55);
  --shadow-card-hover: 0 12px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(var(--accent-rgb),.12);
  --glow-accent: 0 0 20px rgba(var(--accent-rgb),.25);
  --glow-accent-sm: 0 0 10px rgba(var(--accent-rgb),.18);

  /* Gradientes reutilizáveis */
  --grad-card:    linear-gradient(145deg, rgba(255,255,255,.025) 0%, transparent 60%);
  --grad-sidebar: linear-gradient(180deg, var(--bg3) 0%, #0f1c13 100%);
  --grad-accent:  linear-gradient(135deg, var(--accent) 0%, #55c018 100%);

  /* ============================================================
     CARDS (fatia 4)
     O painel tem DOIS formatos de card, cada um repetido em ~15
     telas. Antes, mudar a cara deles custava ~30 edições em 17
     arquivos; agora custa uma linha aqui.

     Regra de uso: o card declara SÓ o que o token oferece
     (fundo, borda, canto, sombra). Espaçamento interno (padding)
     continua de cada tela, porque um cartão de documento precisa
     de mais respiro que um card de gráfico — isso é variação
     legítima, não duplicação.
     ============================================================ */

  /* ── Textos secundários (cores órfãs batizadas na v3.154.0) ──────────
     Três tons que nasceram soltos, escritos à mão em 11 arquivos e sempre
     com transparência variável (.45 a .9) — daí guardarem o triplet cru,
     como as cores de marca. NÃO foram unificados entre si de propósito:
     batizar é dar nome ao que existe; juntá-los mudaria a tela, e essa
     seria outra conversa.

     Onde cada um vive hoje:
     - suave  → rótulos e legendas dos filtros e dos mini-indicadores
     - suave2 → rótulos dos cartões de destaque (os "hero" das telas)
     - forte  → texto de leitura sobre fundo escuro (nomes, campos de data) */
  --txt-suave-rgb:  129, 197, 140;
  --txt-suave2-rgb: 160, 200, 170;
  --txt-forte-rgb:  229, 237, 243;

  /* Card claro — telas administrativas (auditoria, saúde, KPI, documentos…) */
  --card-bg:         var(--bg2);
  --card-borda:      1px solid var(--border);
  --card-canto:      var(--radius);
  /* variante com relevo, para os cards de destaque do painel gerencial */
  --card-bg-relevo:  linear-gradient(145deg, var(--bg2) 0%, var(--bg3) 100%);

  /* Card escuro com brilho verde — telas de análise (Gerencial, Área,
     Operação, Relatório, Usuários…). Os valores canônicos vieram do
     .gm-card do Gerencial, a tela mais usada. */
  --card-esc-bg:     linear-gradient(150deg, #091610, #040a06);
  --card-esc-borda:  1px solid rgba(var(--accent-rgb),.13);
  --card-esc-canto:  9px;
  --card-esc-sombra: 0 4px 28px rgba(0,0,0,.55), 0 0 0 1px rgba(var(--accent-rgb),.04);
}