/* tokens.css
   Paleta "Terra Acesa" — evolução direta do pine/clay/paper original,
   mais rica e contrastada. Ver DECISOES_DE_ARQUITETURA.md (2026-08-20). */

:root {
  /* cor — base */
  --cor-paper: #F5EFE1;
  --cor-paper-alta: #FFFFFF;
  --cor-paper-linha: #E7DEC8;

  --cor-pine: #1E4638;
  --cor-pine-escuro: #142F26;
  --cor-pine-claro: #E7F0EC;

  --cor-clay: #BD5A34;
  --cor-clay-escuro: #7A3A20;
  --cor-clay-claro: #F7E3D8;

  --cor-gold: #D89A3E;
  --cor-gold-escuro: #7A5518;
  --cor-gold-claro: #FBEFDA;

  --cor-texto: #241F19;
  --cor-texto-suave: #6B5D48;
  --cor-texto-fraco: #9C8E76;

  /* papéis semânticos */
  --bg-pagina: var(--cor-paper);
  --bg-card: var(--cor-paper-alta);
  --bg-destaque: var(--cor-pine);
  --texto-sobre-destaque: var(--cor-paper);
  --borda: var(--cor-paper-linha);

  /* tipografia */
  --fonte-display: 'Fraunces', Georgia, serif;
  --fonte-corpo: 'Work Sans', -apple-system, sans-serif;

  --tam-caption: 0.8125rem;
  --tam-corpo: 0.9375rem;
  --tam-titulo-sm: 1.125rem;
  --tam-titulo-md: 1.375rem;
  --tam-titulo-lg: 1.875rem;
  --tam-titulo-xl: 2.5rem;

  /* espaçamento */
  --esp-xs: 4px;
  --esp-sm: 8px;
  --esp-md: 16px;
  --esp-lg: 24px;
  --esp-xl: 40px;

  /* forma */
  --raio-card: 16px;
  --raio-pilula: 999px;
  --raio-campo: 12px;

  /* sombra — usada com moderação, só em elementos flutuantes */
  --sombra-card: 0 2px 12px rgba(36, 31, 25, 0.08);
  --sombra-flutuante: 0 8px 24px rgba(36, 31, 25, 0.16);
}