/* ═══════════════════════════════════════════
   TOKENS DE DESIGN — CORPVIEW (light-mode)

   Ponto único de declaração das custom properties (`:root{}`) do
   site público. Nenhuma página deve voltar a declarar um `:root{}`
   próprio depois de migrada — se um valor precisa mudar, ele muda
   aqui, uma vez.

   FONTE DE VERDADE DOS VALORES:
   `docs/brand/design-system-light-mode-spec.md` §5 (v1.3 + addendum
   §12), que por sua vez deriva de `docs/brand/brand-book-2026-08.md`.
   Nenhum valor abaixo foi decidido neste arquivo. Alterar um token
   aqui sem alterar a spec quebra o contrato do Epic 1.16.

   DECISÃO DE ARQUITETURA:
   Epic 1.16 §5.1 (`@architect`, aprovada pelo `@pm` em 2026-08-26).
   - Referenciar SEMPRE por `<link rel="stylesheet">` root-absolute
     (`/assets/css/tokens.css`), NUNCA por `@import` — `@import`
     serializa a descoberta e soma um RTT ao grafo de FCP.
   - Ordem normativa no `<head>`: `fonts.css` → `tokens.css` →
     `blog-post.css` / `<style>` inline da página. Inverter quebra a
     migração incremental (o `:root{}` legado deixaria de sobrepor).
   - `public/admin/**` está FORA do Epic 1.16 (spec §12.6) e mantém
     seu próprio `:root{}`. Não linkar este arquivo lá.

   ESCALA DE FORMA E ELEVAÇÃO — brand book §5.5:
   `border-radius` só em 2px / 4px / 50%. `box-shadow` só
   `--shadow-1` / `--shadow-2`. Sem gradiente, sem glow.

   ALIASES LEGADOS — CONDIÇÃO DE REMOÇÃO:
   O bloco `--muted` / `--muted2` / `--muted3` no fim do arquivo é
   dívida técnica conhecida (spec §4.7): os NOMES mentem (são
   herdados do dark-mode), os VALORES estão corretos. Existem para
   que os ~165 `var()` legados e os 51 posts de blog — que
   referenciam `var(--muted2)` dentro de atributo `style=` — sigam
   funcionando sem edição.
   REMOVER quando `grep -rn 'var(--muted' public/` retornar zero.
   ═══════════════════════════════════════════ */

:root{
  /* ═══ TIPOGRAFIA — brand book §4 ═══ */
  --ff-d: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --ff-s: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  /* ═══ SUPERFÍCIES ═══ */
  --bg:             #FFFFFF;               /* Rodrigo White — fundo primário (60% da composição) */
  --bg-alt:         #F4F4F4;               /* Rodrigo Light Gray — seções alternadas */
  --surface:        #FFFFFF;               /* card padrão (branco + borda) */
  --surface-2:      #E6EFF7;               /* Rodrigo Light Blue — card destacado, highlight */
  --surface-ink:    #0A3B66;               /* Rodrigo Blue — seção invertida */
  --surface-hover:  rgba(10,59,102,0.04);  /* hover sutil de superfície com borda */
  --surface-press:  rgba(10,59,102,0.08);  /* estado pressionado */

  /* ═══ TINTA ═══ */
  --ink:          #1A1A1A;   /* Rodrigo Black — alta ênfase, H3/H4, ênfase inline */
  --ink-body:     #3D3D3D;   /* Rodrigo Gray — corpo, labels, captions, nav em repouso */
  --ink-faint:    #9A9A9A;   /* Rodrigo Mid Gray — SÓ placeholder, :disabled e decoração */
  --ink-brand:    #0A3B66;   /* Rodrigo Blue — H1/H2, links, CTA, ícones primários */
  --ink-inverse:  #FFFFFF;   /* texto sobre --surface-ink */

  /* ═══ AZUL — escala de estado ═══ */
  --blue:         #0A3B66;
  --blue-hover:   #072C4D;   /* branco sobre ele: 14.22 */
  --blue-active:  #062442;   /* branco sobre ele: 15.69 */

  /* ═══ DOURADO — acento, máx. 5% da composição, NUNCA fundo (brand book §3.2) ═══ */
  --gold:       #C9A84C;
  --gold-line:  #C9A84C;     /* alias semântico: linha/régua de acento (brand book §6.4) */

  /* ═══ BORDAS ═══ */
  --border:         rgba(10,59,102,0.10);  /* divisor, borda decorativa   — 1.20 sobre branco */
  --border-strong:  rgba(10,59,102,0.18);  /* borda estrutural, hover     — 1.39 sobre branco */
  --border-input:   #74899E;               /* componentes de UI (SC 1.4.11 ≥3:1) — 3.61 */
  --border-inverse: rgba(255,255,255,0.22);/* dentro de --surface-ink     — 1.90 */

  /* ═══ FUNCIONAIS — derivações AA-safe (brand book §3.4 + §11 Gap 3) ═══ */
  --success:  #1B7A43;   /* #27AE60 escurecido, mesmo matiz 145.3° — 5.37 sobre branco */
  --danger:   #C0392B;   /* #E74C3C escurecido, mesmo matiz 5.6°   — 5.44 sobre branco */

  /* ═══ FOCO ═══ */
  --focus:          #0A3B66;
  --focus-inverse:  #FFFFFF;                /* dentro de --surface-ink */
  --focus-halo:     rgba(10,59,102,0.20);

  /* ═══ ELEVAÇÃO E FORMA — brand book §5.5 ═══ */
  --shadow-1:     0 2px 8px rgba(0,0,0,0.08);
  --shadow-2:     0 4px 12px rgba(0,0,0,0.08);
  --radius-sm:    2px;
  --radius-md:    4px;
  --radius-full:  50%;

  /* ═══════════════════════════════════════════════════════════════════
     ALIASES LEGADOS — DÍVIDA TÉCNICA CONHECIDA
     Os NOMES mentem (herdados do dark-mode); os VALORES estão corretos.
     Ver o cabeçalho deste arquivo para a condição de remoção.
     ═══════════════════════════════════════════════════════════════════ */
  --muted:   var(--ink-body);    /* #3D3D3D */
  --muted2:  var(--ink-body);    /* #3D3D3D */
  --muted3:  var(--ink-body);    /* #3D3D3D */
}
