/* tokens.css : variaveis do sistema. Cor NUNCA escrita direto na tela.
   TEMA CLARO + identidade GEFICON (decisao do Jean, 2026-08-17).
   Fonte: GEFICON_Manual_de_Marca (unica nota da vault autorizada neste projeto).

   Regra do manual que rege este arquivo:
   - Ambar #DEAD2F e cor de DESTAQUE, "nunca usar como fundo de grandes areas"
   - Sobre fundo branco, usar Ambar Escuro #A88015 -- e o que "garante contraste
     e legibilidade" (manual, seccao 02). Por isso TEXTO e ICONE em ambar usam
     --accent-texto (#A88015), e nao o ambar puro.
   - Preto #0A0A0A e Cinza Medio #808080 seguem sendo texto e apoio. */

:root {
  /* ----- Marca GEFICON ----- */
  --accent: #DEAD2F;              /* Ambar: destaque, CTA, linha da marca */
  --accent-hover: #E8B82A;        /* Ambar hover */
  --accent-escura: #A88015;       /* Ambar Escuro: uso sobre fundo branco */
  /* O manual define #A88015 para uso sobre branco. Ele passa AA em texto GRANDE
     (3.64:1), mas nao em texto pequeno de 13-14px (precisa 4.5:1). Por isso o
     papel de TEXTO usa um tom da mesma familia, 25% mais escuro (5.97:1 = AA).
     A cor da MARCA (--accent-escura) continua fiel ao manual. */
  --accent-texto: #7D5F0E;        /* ambar de LEITURA: texto/link/item ativo */
  --accent-suave: #FDF6E3;        /* fundo suave de destaque (item ativo, chip) */
  --accent-soft: rgba(222, 173, 47, 0.14);
  --accent-sombra: rgba(168, 128, 21, 0.22);
  --texto-sobre-accent: #1A1400;  /* texto sobre o ambar solido: escuro, nao branco */

  /* Alias aceitos pelos componentes (uma fonte de verdade) */
  --cor-primaria: var(--accent);
  --cor-primaria-suave: var(--accent-suave);
  --cor-primaria-escura: var(--accent-escura);

  /* ----- Tema CLARO ----- */
  --bg: #F7F7F8;                  /* fundo da aplicacao */
  --bg-elev: #FFFFFF;             /* campos, cabecalho de tabela */
  --surface: #FFFFFF;             /* cards, sidebar, modais */
  --surface-glass: rgba(255, 255, 255, 0.72);
  --border: #E5E7EB;
  --border-forte: #D1D5DB;
  --text: #111827;                /* texto principal (quase preto) */
  --text-dim: #6B7280;

  /* Nomes semanticos usados pelos componentes */
  --branco: var(--surface);
  --fundo: #F3F4F6;               /* hover de linha, fundo de chip */
  --borda: var(--border);
  --borda-forte: var(--border-forte);
  --texto: var(--text);
  --texto-secundario: #4B5563;
  --texto-suave: #6B7280;
  --texto-fraco: #9CA3AF;

  /* ----- Estados (tom forte para texto/borda, suave para fundo) ----- */
  --success: #15803D;   --success-forte: #166534;  --success-soft: #DCFCE7;
  --danger:  #B91C1C;   --danger-forte:  #991B1B;  --danger-soft:  #FEE2E2;
  --warning: #B45309;   --warning-forte: #92400E;  --warning-soft: #FEF3C7;
  --info:    #1D4ED8;   --info-forte:    #1E40AF;  --info-soft:    #DBEAFE;
  --neutro-soft: #F1F5F9;
  /* Verde do toggle on/off: sinal de "ativo", independente da marca */
  --verde-ativo: #16A34A;

  /* Aliases historicos usados por componentes */
  --verde-suave: var(--success-soft);
  --vermelho: var(--danger);        --vermelho-suave: var(--danger-soft);
  --ambar: var(--warning);          --ambar-suave: var(--warning-soft);
  --azul-info: var(--info);         --azul-suave: var(--info-soft);

  /* ----- Tipografia (self-hosted em static/fonts/) ----- */
  /* Manual: "Helvetica ou Inter (Bold / Regular)". Inter e a Helvetica moderna
     e ja esta self-hosted; Sora fica nos titulos por continuidade do sistema. */
  --font: "Inter", "Helvetica Neue", Helvetica, system-ui, sans-serif;
  --font-titulo: "Sora", var(--font);
  --fs-xs: 12px; --fs-sm: 13px; --fs-base: 14px;
  --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 28px;

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

  /* ----- Raios, sombras, transicao ----- */
  --radius: 12px; --radius-sm: 8px; --radius-lg: 18px;
  --raio: 12px; --raio-sm: 8px; --raio-lg: 18px; --raio-full: 999px;
  --sombra-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .10);
  --sombra:    0 4px 8px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .06);
  --sombra-md: 0 12px 16px rgba(16, 24, 40, .08), 0 4px 6px rgba(16, 24, 40, .04);
  --sombra-lg: 0 20px 24px rgba(16, 24, 40, .10), 0 8px 8px rgba(16, 24, 40, .04);
  --shadow: var(--sombra-md);
  --blur: blur(12px);
  --transicao: .18s ease;

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

  /* ----- Elevacao (z-index por token) ----- */
  --z-base: 0; --z-sidebar: 100; --z-sticky: 200; --z-dropdown: 300;
  --z-overlay: 400; --z-modal: 500; --z-toast: 600; --z-tooltip: 700;

  /* ----- Cores dos grupos do menu (preenchidas por auth.py) ----- */
}