/* ==========================================================================
   ACTUS HUB - Tokens (TEMA CLARO)
   O tom base (royal #0042AD) entra como h/s/l em base.html a partir de
   config.tom_base; as demais tonalidades (escura, pastel) DERIVAM dele.
   ========================================================================== */
:root{
  /* Tom base (fallback royal #0042AD ~ hsl(217 100% 34%)) */
  --primaria-h: 217;
  --primaria-s: 100%;
  --primaria-l: 34%;

  --cor-primaria:        hsl(var(--primaria-h) var(--primaria-s) var(--primaria-l));
  --cor-primaria-escura: hsl(var(--primaria-h) var(--primaria-s) calc(var(--primaria-l) - 15%));
  --cor-primaria-suave:  hsl(var(--primaria-h) calc(var(--primaria-s) - 6%) 95%);
  --cor-primaria-texto:  hsl(var(--primaria-h) var(--primaria-s) calc(var(--primaria-l) - 6%));

  /* Neutros claros */
  --branco: #ffffff;
  --fundo: #eef2f8;
  --fundo-2: #f6f8fc;
  --borda: #dfe6f0;
  --borda-forte: #c6d2e2;
  --texto: #0f2247;
  --texto-secundario: #46587a;
  --texto-suave: #7688a5;
  --texto-fraco: #a7b4c8;

  /* Semanticas */
  --verde: #16a34a;    --verde-suave: #e6f6ec;
  /* Texto sobre fundo verde claro. Vem da tabela de estados do
     Padrao_Upload_Arquivo (estado "carregado"). */
  --verde-escuro: #15803d;
  --vermelho: #dc2626; --vermelho-suave: #fdecec;
  --ambar: #d97706;    --ambar-suave: #fdf0dc;
  --azul-info: #2563eb;--azul-info-suave: #e7efff;
  --roxo: #7C3AED;     --roxo-suave: #f3eeff;
  /* Marca de IA (Padrao_Marca_IA da vault): sempre roxo, nunca a cor primaria. */
  --roxo-escuro: #6D28D9;
  --roxo-claro:  #A78BFA;
  --roxo-texto:  #5B21B6;
  --roxo-borda:  #C4B5FD;
  --roxo-pastel-1: #FAF5FF;
  --roxo-pastel-2: #EDE9FE;

  /* Tipografia (padrao DataEvo Central v900: Inter no corpo, Sora nos titulos) */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 15px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;

  /* Espacos */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;

  /* Raios e sombras */
  --raio-sm:8px; --raio:12px; --raio-lg:18px; --raio-full:9999px;
  --sombra-sm: 0 1px 2px rgba(16,34,71,.06), 0 1px 3px rgba(16,34,71,.05);
  --sombra: 0 4px 12px rgba(16,34,71,.10);
  --sombra-md: 0 8px 24px rgba(16,34,71,.12);
  --sombra-lg: 0 16px 40px rgba(16,34,71,.18);
  --transicao: .15s ease;

  /* Layout */
  --sidebar-width: 248px;
  --topbar-h: 58px;

  /* Altura padrao de controle de form (Padrao_Formulario.md do vault:
     todos os controles do form padrao a 40px. -sm/-xs pra usos secundarios
     ja documentados em componentes como .btn-sm e .filtro-pop-grid .input). */
  --h-controle: 40px;
  --h-controle-sm: 36px;
  --h-controle-xs: 32px;
}