/* ============================================================
   Autoridade Online — Design Tokens (fonte unica de verdade)
   Fase 2 do Plano Mestre. Referenciado por todas as paginas
   via <link rel="stylesheet" href="/assets/css/tokens.css?v=1">
   ANTES do <style> inline (para o inline poder aliasar estes tokens).

   Governanca (D9): nenhum componente deve ter cor, sombra,
   tipografia, raio, espacamento ou z-index hardcoded. Sempre usar
   os tokens abaixo. Trocar a identidade da plataforma acontece aqui.
   ============================================================ */
:root {
  /* ---------- Primitivos: cor (valores brutos) ---------- */
  --ao-ink: #1C1B1A;
  --ao-ink-2: #262422;
  --ao-paper: #FAF9F6;
  --ao-cream: #F6F4EF;
  --ao-cream-2: #EFEBE1;
  --ao-sage: #7A9B86;
  --ao-sage-d: #4F6B59;
  --ao-sage-soft: #E8EFE9;
  --ao-amber: #C98A5E;
  --ao-amber-soft: #E8C9AE;
  --ao-brick: #C1502B;              /* cor de acao oficial da marca (D1) */
  --ao-mut-hex: #6B6862;
  --ao-white: #FFFFFF;
  --ao-line: rgba(28, 27, 26, .12);
  --ao-line-strong: rgba(28, 27, 26, .2);

  /* ---------- Semanticos: papel (usar nos componentes) ---------- */
  --ao-bg: var(--ao-paper);
  --ao-surface: var(--ao-cream);
  --ao-text: var(--ao-ink);
  --ao-mut: var(--ao-mut-hex);
  --ao-border: var(--ao-line);
  --ao-accent: var(--ao-sage-d);
  --ao-cta: var(--ao-brick);        /* acao unica: CTAs, ponto do logo, destaques, icones, detalhes */
  --ao-cta-ink: var(--ao-white);    /* texto/icone sobre a cor de acao */

  /* ---------- Tipografia ---------- */
  --ao-font-serif: 'Fraunces', Georgia, serif;
  --ao-font-sans: 'Hanken Grotesk', system-ui, sans-serif;

  /* ---------- Raio ---------- */
  --ao-r-sm: 9px;
  --ao-r-md: 12px;
  --ao-r-lg: 16px;
  --ao-r-pill: 100px;

  /* ---------- Sombra / elevacao ---------- */
  --ao-shadow-1: 0 2px 8px -4px rgba(28, 27, 26, .18), 0 10px 30px -16px rgba(28, 27, 26, .22);
  --ao-shadow-2: 0 6px 18px -8px rgba(28, 27, 26, .22), 0 26px 60px -28px rgba(28, 27, 26, .34);
  --ao-shadow-lift: 0 14px 32px -12px rgba(28, 27, 26, .3);  /* sombra unica do "salto" no hover (D1: sem cor de hover) */

  /* ---------- Layout (escala de containers) ---------- */
  --ao-maxw-prose: 720px;
  --ao-maxw: 1120px;
  --ao-maxw-wide: 1280px;

  /* ---------- Motion ---------- */
  --ao-ease: cubic-bezier(.2, .7, .2, 1);
  --ao-dur: .2s;

  /* ---------- z-index (escala unica; evita conflito ao unificar o chrome) ---------- */
  --ao-z-base: 1;
  --ao-z-nav: 60;
  --ao-z-wa: 70;
  --ao-z-cookie: 80;
  --ao-z-modal: 90;

  /* ============================================================
     Aliases de compatibilidade (ponte durante a migracao).
     Mapeiam os 3 vocabularios legados para os tokens canonicos.
     Efetivam-se quando o :root inline da pagina deixa de
     hardcodar estes nomes (Fase 2). Serao removidos quando as
     paginas migrarem para os --ao-* diretamente (Fase 3+).
     ============================================================ */
  /* Linhagem PT (index, presenca-digital) */
  --tinta: var(--ao-ink);
  --tinta-2: var(--ao-ink-2);
  --papel: var(--ao-paper);
  --creme: var(--ao-cream);
  --creme2: var(--ao-cream-2);
  --salvia: var(--ao-sage);
  --salvia-esc: var(--ao-sage-d);
  --ambar: var(--ao-amber);
  --ambar-claro: var(--ao-amber-soft);
  --tijolo: var(--ao-cta);
  --tijolo-h: var(--ao-cta);        /* hover sem cor propria: mesma cor + salto */
  --ff-titulo: var(--ao-font-serif);
  --ff-corpo: var(--ao-font-sans);

  /* Linhagem EN (advogados, medicos, psicologos, presenca-pronta) */
  --ink: var(--ao-ink);
  --paper: var(--ao-paper);
  --cream: var(--ao-cream);
  --cream-2: var(--ao-cream-2);
  --sage: var(--ao-sage);
  --sage-d: var(--ao-sage-d);
  --sage-soft: var(--ao-sage-soft);
  --amber: var(--ao-amber);
  --mut: var(--ao-mut);
  --serif: var(--ao-font-serif);
  --sans: var(--ao-font-sans);
  --cta: var(--ao-cta);
  --terra: var(--ao-cta);
  --action: var(--ao-cta);          /* laranja orfao (#D9631A) convergido para a acao unica */
  --action-d: var(--ao-cta);        /* hover do laranja orfao: mesma cor + salto */
}