/* ═════════════════════════════════════════════════════════════════════════════
   ADS FINANCEIRO — DESIGN TOKENS  v1
   Fonte unica de verdade: cores, tipografia, espacamento.

   Carregado por todos os paineis antes de qualquer <style> inline.
   Os :root inline de cada painel ainda tomam precedencia (cascade).
   Na proxima fase (base.css), os :root inline migram para ca.
═════════════════════════════════════════════════════════════════════════════ */

:root {

  /* ── BRAND ────────────────────────────────────────────────────────
     Verde ADS. O alias --green existe porque painel_cobranca.html
     referencia var(--green) em todo o seu CSS interno.           */
  --ads-green:        #8DC63F;
  --ads-green-light:  #a3e635;
  --green:            #8DC63F;   /* alias para compatibilidade */

  /* ── BACKGROUNDS ─────────────────────────────────────────────────────
     index / executivo / credito / cfo -> #020617  (hardcoded)
     cobranca -> #080C11 via :root inline (sobrescreve --bg daqui) */
  --bg:      #020617;   /* slate-950                               */
  --bg-card: #0f172a;   /* slate-900 - cards e modais             */
  --bg-sub:  #1e293b;   /* slate-800 - superficie elevada         */

  /* Especificos da cobranca - mantidos para compatibilidade       */
  --bg2:  #0D1117;
  --bg3:  #111827;

  /* ── BORDERS ───────────────────────────────────────────────────────────
     Todos os paineis usam #1e293b como borda padrao.             */
  --border:       #1e293b;   /* slate-800                         */
  --border2:      #162032;   /* cobranca - borda mais funda       */
  --border-hover: #334155;   /* slate-700                         */

  /* ── TEXT ─────────────────────────────────────────────────────────────
     Hierarquia tipografica consistente em todos os arquivos.     */
  --text:   #f1f5f9;   /* slate-100 - texto principal             */
  --text-2: #e2e8f0;   /* slate-200 - texto secundario           */
  --text-3: #cbd5e1;   /* slate-300 - texto terciario            */
  --muted:  #94a3b8;   /* slate-400 - rotulos / cabecalhos       */
  --dim:    #475569;   /* slate-600 - texto desativado           */
  --faint:  #334155;   /* slate-700 - placeholder / hint         */

  /* ── SEMANTIC ───────────────────────────────────────────────────────────
     Cores de estado usadas em badges, toasts e destaques.       */
  --clr-success: #34d399;   /* emerald-400 - positivo            */
  --clr-warning: #fbbf24;   /* amber-400   - atencao             */
  --clr-danger:  #f87171;   /* red-400     - negativo/erro       */
  --clr-info:    #38bdf8;   /* sky-400     - informativo         */
  --clr-purple:  #a78bfa;   /* violet-400  - neutro especial     */
  --clr-orange:  #fb923c;   /* orange-400  - alerta intermediario*/

  /* ── BORDER RADIUS ───────────────────────────────────────────────────────
     Escala usada de forma consistente em todos os paineis.      */
  --r-sm: .5rem;     /*  8px - chips, badges                    */
  --r:    .875rem;   /* 14px - cards, inputs, botoes            */
  --r-lg: 1.25rem;   /* 20px - modais, paineis                  */

  /* ── TYPOGRAPHY ─────────────────────────────────────────────────────────
     index / executivo / credito / cfo: Inter + Montserrat + IBM Plex Mono
     cobranca diverge: Space Grotesk + JetBrains Mono
     Unificacao tipografica sera decidida no redesign.           */
  --font-sans:    'Inter', sans-serif;
  --font-display: 'Montserrat', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;
}