/*
  tokens.css — fonte ÚNICA de cores, tipografia, espaçamento e raio.
  Trocar SÓ este arquivo pra mudar todo o visual.

  Direção: DARK premium — preto, dourado e branco (cores da logo eFocus).
  Tipografia Fraunces (títulos) + Hanken Grotesk (corpo).
*/

:root {
  /* ---------- Papel e superfícies (preto quente) ---------- */
  --cor-fundo: #0d0c0a;
  --cor-fundo-elevado: #17150f;
  --cor-fundo-card: #151310;
  --cor-borda: rgba(245, 240, 230, 0.1);
  --cor-borda-forte: rgba(245, 240, 230, 0.22);

  /* ---------- Tinta (texto branco quente) ---------- */
  --cor-texto: #f6f3ec;
  --cor-texto-suave: rgba(246, 243, 236, 0.72);
  --cor-texto-fraco: rgba(246, 243, 236, 0.48);

  /* ---------- Acento (dourado) — destaque, estado, foco, links ---------- */
  --cor-acento: #f0ac52;
  --cor-acento-hover: #f6c07c;
  --cor-acento-rgb: 240, 172, 82;
  --cor-acento-tinta: rgba(240, 172, 82, 0.12);

  /* ---------- CTA principal (dourado com texto escuro) ---------- */
  --cor-cta: #f0ac52;
  --cor-cta-hover: #f6c07c;
  --cor-cta-texto: #241505;

  /* ---------- Campos de formulário (escuros) ---------- */
  --cor-campo-fundo: #1c1a15;
  --cor-campo-fundo-hover: #221f19;
  --cor-campo-borda: rgba(245, 240, 230, 0.16);
  --cor-campo-borda-foco: var(--cor-acento);
  --cor-campo-texto: #f6f3ec;
  --cor-campo-placeholder: rgba(246, 243, 236, 0.38);

  /* ---------- Semânticos ---------- */
  --cor-sucesso: #7ac07e;
  --cor-sucesso-fundo: rgba(122, 192, 126, 0.14);
  --cor-erro: #e8735f;
  --cor-erro-fundo: rgba(232, 115, 95, 0.14);
  --cor-aviso: var(--cor-acento);
  --cor-aviso-fundo: rgba(240, 172, 82, 0.1);

  /* ---------- Tipografia ---------- */
  --fonte-corpo: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --fonte-titulo: "Fraunces", Georgia, "Times New Roman", serif;

  --peso-normal: 400;
  --peso-medio: 500;
  --peso-semi: 600;
  --peso-bold: 700;
  --peso-black: 700;

  --tam-xs: 0.75rem;
  --tam-sm: 0.875rem;
  --tam-base: 1rem;
  --tam-md: 1.125rem;
  --tam-lg: 1.375rem;
  --tam-xl: 1.75rem;
  --tam-2xl: 2.35rem;
  --tam-3xl: 3.1rem;

  /* ---------- Espaçamento (escala 4px) ---------- */
  --esp-1: 0.25rem;
  --esp-2: 0.5rem;
  --esp-3: 0.75rem;
  --esp-4: 1rem;
  --esp-5: 1.5rem;
  --esp-6: 2rem;
  --esp-7: 3rem;
  --esp-8: 4.5rem;

  /* ---------- Raio ---------- */
  --raio-sm: 6px;
  --raio-md: 10px;
  --raio-lg: 16px;
  --raio-pill: 999px;

  /* ---------- Sombra ---------- */
  --sombra-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --sombra-md: 0 14px 40px rgba(0, 0, 0, 0.45);
  --sombra-cta: 0 8px 26px rgba(240, 172, 82, 0.24);

  /* ---------- Layout ---------- */
  --largura-conteudo: 720px;
  --largura-conteudo-lg: 1080px;
  --transicao: 180ms ease;
}