/* ============================================================================
   LEXÁRIO — Design Tokens
   Marca-mãe: Lexário (plataforma/CRM) · Produtos: LexAtende, LexFirma
   Origem: paleta "Átrio" (navy + bronze) — MANTIDA. Valores-núcleo idênticos
   para preservar continuidade visual; refinos entram como tokens NOVOS.
   ----------------------------------------------------------------------------
   MIGRAÇÃO SEM QUEBRA: os 25 arquivos que usam --atrio-* continuam funcionando
   via os aliases no fim deste arquivo (--atrio-* -> var(--lex-*)).
   Basta importar este arquivo ANTES do CSS legado. Zero find/replace obrigatório.
   ============================================================================ */

:root {
  /* --- Núcleo (valores idênticos à paleta Átrio) --- */
  --lex-ink:            #16233a; /* navy principal — texto forte, símbolo    */
  --lex-ink-strong:     #0e1826; /* navy profundo — barras, headers, base    */
  --lex-paper:          #f7f5f0; /* fundo papel — quente, baixo glare        */
  --lex-surface:        #ffffff; /* cards / superfícies elevadas             */
  --lex-surface-muted:  #ede7da; /* superfície secundária / zebra            */
  --lex-border:         #c9bea9; /* traço / divisores                        */
  --lex-bronze:         #a97c50; /* acento — GRÁFICO e texto grande apenas   */
  --lex-link:           #2f5d8a; /* links / foco — AA em corpo de texto      */
  --lex-text:           #2a2e35; /* corpo de texto neutro-escuro             */

  /* --- Refinos NOVOS (justificativa cognitiva/acessibilidade) --- */
  /* Bronze escurecido p/ superfícies que carregam TEXTO (botões, tags).
     Motivo: #a97c50 sobre papel = 3.39:1 e branco sobre #a97c50 = 3.69:1,
     ambos REPROVAM em AA para texto normal (<4.5:1). #8a6238 sobe o par
     "branco sobre bronze" para 5.41:1 (AA aprovado) sem trair o matiz. */
  --lex-bronze-strong:  #8a6238;

  /* Tokens semânticos de estado (derivados, não alteram o núcleo) */
  --lex-focus-ring:     #2f5d8a;               /* anel de foco = --lex-link  */
  --lex-focus-halo:     rgba(47, 93, 138, .35);/* halo 3px p/ visibilidade   */
  --lex-shadow-sm:      0 1px 2px rgba(14, 24, 38, .08);
  --lex-shadow-md:      0 6px 20px rgba(14, 24, 38, .12);
  --lex-overlay:        rgba(14, 24, 38, .55);  /* modais sobre a base        */

  /* Tipografia — famílias do sistema (existentes, licença SIL OFL) */
  --lex-font-serif:     'Lora', Georgia, 'Times New Roman', serif; /* marca / headings */
  --lex-font-sans:      'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; /* UI / corpo */

  /* Raios / grid de base (opcionais, coerentes com sobriedade OAB) */
  --lex-radius-sm:      6px;
  --lex-radius-md:      10px;
  --lex-radius-lg:      16px;
}

/* ============================================================================
   MAPA DE-PARA (aliases de compatibilidade) — NÃO editar valores aqui.
   Mantém os 25 arquivos legados funcionando. Remover só quando 100% migrado.
   --atrio-*  ->  var(--lex-*)
   ============================================================================ */
:root {
  --atrio-ink:           var(--lex-ink);
  --atrio-ink-strong:    var(--lex-ink-strong);
  --atrio-paper:         var(--lex-paper);
  --atrio-surface:       var(--lex-surface);
  --atrio-surface-muted: var(--lex-surface-muted);
  --atrio-border:        var(--lex-border);
  --atrio-bronze:        var(--lex-bronze);
  --atrio-link:          var(--lex-link);
  --atrio-text:          var(--lex-text);
}

/* ----------------------------------------------------------------------------
   Utilitário sugerido para foco acessível (WCAG 2.4.7 / 2.4.11).
   Aplicar em elementos interativos:
   :focus-visible { outline: 2px solid var(--lex-focus-ring);
                    outline-offset: 2px;
                    box-shadow: 0 0 0 3px var(--lex-focus-halo); }
   ---------------------------------------------------------------------------- */