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

  Direção: DARK — PRETO NEUTRO, dourado e branco (cores da logo eFocus).
  Sem tons quentes/marrom: cinzas neutros + dourado nítido + branco quase puro.
  Tipografia Fraunces (títulos) + Hanken Grotesk (corpo).
*/

:root {
  /* ---------- Superfícies (preto/cinza neutro) ---------- */
  --cor-fundo: #0a0a0b;
  --cor-fundo-elevado: #161618;
  --cor-fundo-card: #121214;
  --cor-borda: rgba(255, 255, 255, 0.09);
  --cor-borda-forte: rgba(255, 255, 255, 0.2);

  /* ---------- Texto (branco neutro) ---------- */
  --cor-texto: #f6f6f7;
  --cor-texto-suave: rgba(246, 246, 247, 0.64);
  --cor-texto-fraco: rgba(246, 246, 247, 0.4);

  /* ---------- Acento (dourado nítido) ---------- */
  --cor-acento: #f0ac52;
  --cor-acento-hover: #f7bd6e;
  --cor-acento-rgb: 240, 172, 82;
  --cor-acento-tinta: rgba(240, 172, 82, 0.1);

  /* ---------- CTA (dourado com texto escuro) ---------- */
  --cor-cta: #f0ac52;
  --cor-cta-hover: #f7bd6e;
  --cor-cta-texto: #1a1205;

  /* ---------- Campos (cinza neutro escuro) ---------- */
  --cor-campo-fundo: #19191c;
  --cor-campo-fundo-hover: #1f1f23;
  --cor-campo-borda: rgba(255, 255, 255, 0.13);
  --cor-campo-borda-foco: var(--cor-acento);
  --cor-campo-texto: #f6f6f7;
  --cor-campo-placeholder: rgba(246, 246, 247, 0.36);

  /* ---------- Semânticos ---------- */
  --cor-sucesso: #6fcf83;
  --cor-sucesso-fundo: rgba(111, 207, 131, 0.13);
  --cor-erro: #ff7a66;
  --cor-erro-fundo: rgba(255, 122, 102, 0.13);
  --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 ---------- */
  --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.35);
  --sombra-md: 0 14px 40px rgba(0, 0, 0, 0.5);
  --sombra-cta: 0 8px 24px rgba(240, 172, 82, 0.22);

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