/* Henrique Santana Advogados: tokens compartilhados do kit e das landings.
   Direção visual em DESIGN.md. Edite os valores comuns aqui; sync:web copia
   este arquivo para as landings. Variações web permanecem em base.css e no
   template bancário, inclusive os fallbacks tipográficos de cada contexto. */

:root {
  /* Cor: um gesto dominante por peça estática ou por seção/viewport em páginas longas. */
  --amarelo: #fae100;          /* assinatura da marca */
  --amarelo-profundo: #d9c400; /* borda/hover sobre o amarelo */
  --tinta: #141416;            /* texto principal e logo mono */
  --tinta-suave: #2a2a2e;      /* títulos sobre off-white */
  --grafite: #4b4d4c;          /* texto secundário (8.6:1 sobre branco) */
  --cinza: #707372;            /* metadados grandes ≥18px e borda de controle (4.58:1 sobre off) */
  --placeholder: #626462;      /* texto de placeholder em campo claro (6.1:1 sobre off) */
  --linha: #e4e4e1;            /* divisores */
  --linha-suave: #eeeeec;      /* divisor mais discreto */
  --linha-quente: #d7d7d2;     /* divisor sobre off-profundo */
  --branco: #ffffff;
  --off: #fafaf7;              /* off-white com leve puxada ao hue da marca */
  --off-profundo: #f1f1ec;     /* segunda superfície clara */
  --noite: #121214;            /* superfícies escuras drenched */
  --noite-suave: #1c1c20;      /* card sobre fundo noite */
  --noite-eleva: #3a3a41;      /* card clicável sobre tinta-suave */
  --noite-linha: #303034;      /* divisores sobre fundo noite */
  --noite-borda: #6f7178;      /* borda de controle sobre fundo noite (3.8:1) */
  --noite-texto: #cfd0cf;      /* texto secundário sobre fundo noite */
  --noite-fraco: #a9aba9;      /* metadados sobre fundo noite */
  --suave-noite: var(--noite-fraco);
  --claro-noite: var(--noite-texto);
  --erro: #a32929;             /* erro sobre superfície clara */
  --erro-claro: #ffb4b4;       /* erro sobre fundo noite */

  /* Tipo — site e páginas web (DESIGN.md §3, "Site e páginas web") */
  --font-display: 'Archivo', Arial, sans-serif;
  --font-body: 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-sans: var(--font-body);

  /* Tipo — kit da marca (DESIGN.md §3, "Kit da marca") */
  --font-display-editorial: 'Libre Caslon Display', Georgia, serif;

  /* Espaço — escala 4pt, nomes usados nas páginas publicadas */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;

  /* Layout */
  --container: 1160px;

  /* Motion */
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-feedback: 150ms;
  --dur-state: 250ms;
  --dur-entrada: 700ms;
}