/* ==========================================================================
   tokens.css
   Unico lugar do projeto onde cor, fonte, espaco, raio e sombra sao definidos.
   Sistema_de_Estilos.md:14  "Mudou cor, mudou em tokens.css"
   Sistema_de_Estilos.md:154 "Nunca escrever #FF7500 direto na tela"

   FAMILIA DE TOKEN DE COR ESCOLHIDA: --accent (mais -hover e -soft)
   Arquivo: static/css/tokens.css, bloco :root
   Valor inicial: #FF7500
   Criterio: Sistema_de_Estilos.md:178 "Projeto isolado com o preset escuro
             da casa usa --accent". Esta pagina nao convive com o ERP.
   PROIBIDO: o hex aparecer em index.html
   ========================================================================== */

:root {
  /* --- Superficie (preset escuro da casa, Sistema_de_Estilos.md:90-107) --- */
  --bg: #0d0f12;
  --bg-elev: #14171c;
  --surface: #1a1e24;
  --surface-glass: rgba(26, 30, 36, 0.6);
  --border: #262b33;
  --text: #e8eaed;
  --text-dim: #9aa0a8;

  /* --- Marca (06_Identidade_Visual_DataEvo.md:36 e :38) --- */
  --accent: #FF7500;          /* Laranja Principal, Pantone 2018 C */
  --accent-hover: #ff8c2e;
  --accent-soft: rgba(255, 117, 0, 0.12);
  --accent-queimado: #D45D00; /* Laranja queimado, Pantone 717 C */
  --accent-claro-1: #FFB673;  /* Laranja claro 2, Pantone 2016 C */
  --preto-quente: #2D2926;    /* Black C, usado como texto sobre laranja */

  --success: #2ecc71;
  --danger: #e74c3c;
  --warning: #f1c40f;
  --branco: #FFFFFF;

  /* --- Verde do WhatsApp ----------------------------------------------------
     Token proprio, separado do `--success` (que e estado de sistema, nao canal
     de contato).
     O verde vivo do WhatsApp (#25D366) com icone branco da 1.98:1, e reprova
     ate o minimo de 3:1 que a WCAG pede para objeto grafico. O #2ecc71 que
     estava aqui da 2.10, mesma coisa. E o que o mercado inteiro faz, e mesmo
     assim falha.
     #1C7C3E foi escolhido por varredura: e um dos verdes mais vivos que ainda
     entrega 5.25:1 com branco, e 3.66:1 do proprio botao contra o fundo escuro
     da pagina. Medido, nao chutado. */
  --zap: #1C7C3E;

  /* --- Tipografia (Sistema_de_Estilos.md:109-113) --- */
  --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;
  /* Extensao declarada: a nota para em 2xl, landing precisa de hero.
     Registrado em 0_GENESIS/CONFORMIDADE_VAULT.md, divergencia D3. */
  --fs-3xl: 34px;
  --fs-4xl: 44px;
  --fs-hero: 56px;

  /* --- Espacamento (Sistema_de_Estilos.md:115-116) --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 72px;

  /* --- Raio, borda e sombra (Padrao_Box_Card.md:30-42) --- */
  --raio-sm: 8px;             /* controles: botao, pill */
  --raio: 12px;               /* cards, boxes, paineis */
  --raio-lg: 18px;            /* hero, blocos grandes */
  --raio-full: 9999px;        /* pills */
  --borda: var(--border);
  --borda-forte: #3a414c;

  --sombra-sm: 0 2px 8px rgba(0, 0, 0, 0.28);
  --sombra: 0 8px 24px rgba(0, 0, 0, 0.35);
  --sombra-md: 0 14px 34px rgba(0, 0, 0, 0.45);
  --sombra-lg: 0 24px 60px rgba(0, 0, 0, 0.55);

  /* --- Neumorfismo (06_Identidade_Visual_DataEvo.md:51 e :60)
     Direcao obrigatoria da nota: luz superior esquerda, sombra inferior
     direita. A spec literal (realce #FFFFFF opacidade 100%) foi escrita para
     base clara #E0E0E0; em superficie escura ela estoura. Mantida a DIRECAO,
     reduzida a intensidade do realce. Divergencia D2 do CONFORMIDADE_VAULT. */
  --neu: 5px 5px 18px rgba(45, 41, 38, 0.55), -5px -5px 18px rgba(255, 255, 255, 0.028);
  --neu-fundo: 3px 3px 12px rgba(45, 41, 38, 0.45), -3px -3px 12px rgba(255, 255, 255, 0.022);

  /* --- Superficie CLARA (secoes alternadas) ---------------------------------
     06_Identidade_Visual_DataEvo.md:55 "Tons base (fundo/superficie): cinza
     claro #E0E0E0, branco #FFFFFF, gradiente #E0E0E0 -> #FFFFFF".
     Texto em preto quente #2D2926, que e cor oficial da paleta (:38), nao um
     cinza qualquer inventado. */
  --claro-bg: #E0E0E0;
  --claro-superficie: #FFFFFF;
  --claro-texto: #2D2926;
  --claro-texto-dim: #5F5A55;
  --claro-borda: #CFCFCF;

  /* Neumorfismo CLARO: aqui a spec de 06_Identidade_Visual_DataEvo.md:61-62
     entra LITERAL, sem adaptacao, porque foi escrita para base clara.
       sombra: X 5 / Y 5, desfoque 25%, #2D2926, opacidade 35%
       realce: X -5 / Y -5, desfoque 25%, #FFFFFF, opacidade 100%
     No tema escuro ela precisou ser suavizada (divergencia D2). Nesta
     superficie nao precisa. */
  --neu-claro: 5px 5px 25px rgba(45, 41, 38, 0.35), -5px -5px 25px rgba(255, 255, 255, 1);

  --transicao: 180ms cubic-bezier(.4, 0, .2, 1);
  --largura-max: 1120px;
  --topbar-h: 64px;

  /* --- Escala de elevacao ---------------------------------------------------
     Padrao_Elevacao_Zindex.md:12 "Nenhum z-index no olho. Toda camada usa um
     token nomeado de uma escala fixa". A nota lista em :48 justamente
     "z-index chutado (9999, 999, 50)" como o erro, e a topbar daqui estava
     com 50 solto ate 06/08/2026.
     Escala copiada literal de Padrao_Elevacao_Zindex.md:17-26. Os tokens que
     esta pagina nao usa ficam declarados de proposito: a ordem e o que evita
     a guerra de camada quando alguem adicionar um modal aqui depois. */
  --z-base:     0;
  --z-sidebar:  100;
  --z-sticky:   200;
  --z-dropdown: 300;
  --z-overlay:  400;
  --z-modal:    500;
  --z-toast:    600;
  --z-tooltip:  700;
}