/* ============================================================
   EVIDEX — Design System 2.0 · Foundation Tokens
   Identidade: lime operacional sobre navy de confiança.
   Logistics-grade: rápido, auditável, sério. Sem firula.
   ============================================================ */

:root {
  /* ---------- Cor · Marca ---------- */
  --evx-lime:        #e6ff2a;   /* ação, prova, velocidade — usar com disciplina */
  --evx-lime-strong: #d4ee14;   /* hover/active do lime */
  --evx-lime-soft:   #f2ffa0;   /* realce sutil, washes */
  --evx-navy:        #0a2540;   /* confiança, base escura, tipografia hero */
  --evx-navy-700:    #123b58;   /* superfícies navy elevadas */
  --evx-navy-800:    #0d2c47;   /* footer, faixas */
  --evx-navy-900:    #081c30;   /* fundo navy profundo */

  /* ---------- Cor · Neutros ---------- */
  --evx-ink:         #0a2540;   /* texto principal */
  --evx-ink-muted:   #475569;   /* texto de apoio */
  --evx-ink-faint:   #64748b;   /* legendas, metadados */
  --evx-line:        #dde4ec;   /* bordas, divisores */
  --evx-line-soft:   #eef2f6;   /* divisores sutis */
  --evx-paper:       #ffffff;   /* fundo branco (sala de vendas) */
  --evx-wash:        #f7f9fc;   /* seção alternada clara */
  --evx-panel:       #eef2f6;   /* painel cinza (processo manual) */

  /* ---------- Cor · Estado (uso contido) ---------- */
  --evx-danger:      #e11d2e;   /* risco/manual — nunca em CTA principal */
  --evx-danger-bg:   #fff1f2;
  --evx-success:     #059669;   /* validado, positivo */
  --evx-success-bg:  #ecfdf5;
  --evx-on-dark:     #ffffff;
  --evx-on-dark-muted: rgba(255,255,255,0.72);

  /* ---------- Tipografia · Famílias ---------- */
  --evx-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --evx-font-num:  "Inter", ui-sans-serif, system-ui, sans-serif; /* numeral: tabular */

  /* ---------- Tipografia · Escala (fluida) ---------- */
  --evx-text-xs:   0.8125rem;   /* 13px */
  --evx-text-sm:   0.9375rem;   /* 15px */
  --evx-text-md:   1.0625rem;   /* 17px */
  --evx-text-lg:   1.25rem;     /* 20px */
  --evx-text-xl:   1.5rem;      /* 24px */
  --evx-display-sm: clamp(2rem, 3.4vw, 2.75rem);     /* sub-headlines */
  --evx-display-md: clamp(2.5rem, 4.6vw, 3.75rem);   /* títulos de seção */
  --evx-display-lg: clamp(2.75rem, 6vw, 5.25rem);    /* HERO headline */
  --evx-band:       clamp(2.25rem, 4.4vw, 4rem);     /* banda lime — SEMPRE < display-lg */

  /* ---------- Tipografia · Pesos & tracking ---------- */
  --evx-w-regular: 400;
  --evx-w-medium:  500;
  --evx-w-semi:    600;
  --evx-w-bold:    700;
  --evx-w-black:   800;
  --evx-track-tight: -0.02em;   /* displays */
  --evx-track-snug:  -0.01em;
  --evx-track-flat:  0;

  /* ---------- Espaçamento ---------- */
  --evx-space-2:  0.5rem;
  --evx-space-3:  0.75rem;
  --evx-space-4:  1rem;
  --evx-space-6:  1.5rem;
  --evx-space-8:  2rem;
  --evx-space-12: 3rem;
  --evx-space-16: 4rem;
  --evx-space-24: 6rem;     /* respiro entre seções (proof-deck pacing) */
  --evx-space-32: 8rem;

  /* ---------- Raio ---------- */
  --evx-radius-sm:   10px;
  --evx-radius-md:   16px;
  --evx-radius-lg:   22px;
  --evx-radius-pill: 9999px;

  /* ---------- Sombra (navy-tinted, suave) ---------- */
  --evx-shadow-sm:   0 1px 2px rgba(10,37,64,0.06), 0 2px 6px rgba(10,37,64,0.05);
  --evx-shadow-md:   0 8px 24px rgba(10,37,64,0.08), 0 2px 6px rgba(10,37,64,0.05);
  --evx-shadow-lg:   0 24px 60px rgba(10,37,64,0.12), 0 6px 16px rgba(10,37,64,0.07);
  --evx-shadow-cta:  0 10px 24px rgba(10,37,64,0.14);   /* sombra navy sutil — sem glow lime */

  /* ---------- Layout ---------- */
  --evx-container: 1160px;
  --evx-gutter: clamp(20px, 4vw, 48px);

  /* ---------- Movimento (leve, funcional) ---------- */
  --evx-ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --evx-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --evx-dur-fast: 160ms;
  --evx-dur-med:  280ms;

  /* ---------- Foco (acessível) ---------- */
  --evx-focus-ring: 0 0 0 3px rgba(10,37,64,0.18), 0 0 0 6px rgba(230,255,42,0.55);
}

@media (prefers-reduced-motion: reduce) {
  :root { --evx-dur-fast: 0ms; --evx-dur-med: 0ms; }
}