:root {
  /* Tinta (verde-musgo) — escala retocada conforme
     insumos/identidade_visual.html. ink-100 é o verde principal da
     marca: usar só como bloco de cor sólido (fundo de destaque, selo,
     ícone), nunca como texto — contraste insuficiente sobre areia e
     branco (1,7:1 e 2,6:1). */
  --ink-900: #14180C;
  --ink-700: #272D1A;
  --ink-500: #475035;
  --ink-300: #666F52;
  --ink-100: #9CA290;

  /* Areia (base neutra quente) */
  --sand-100: #F7F3EC;
  --sand-200: #EFE8DC;
  --sand-400: #DCCFBF;
  --sand-600: #C7B7A2;
  --sand-800: #AC9880;

  /* Branco */
  --white: #FFFFFF;

  /* Terracota */
  --terracotta-100: #F1DCD4;
  --terracotta-300: #D98F7D;
  --terracotta-500: #B34E3E;
  --terracotta-700: #8A3A2D;
  --terracotta-900: #5E2720;

  /* Tipografia */
  --font-display: 'Hedvig Letters Serif', serif;
  --font-body: 'Poppins', sans-serif;

  /* Raio e elevação */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-full: 999px;
  --shadow-card: 0 4px 16px rgba(31, 37, 30, 0.08);

  /* Espaçamento (escala base 4px) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Papéis de cor — fundo geral e superfícies */
  --bg: var(--sand-400);
  --fg: var(--ink-700);
  --fg-soft: var(--ink-500);
  --accent: var(--terracotta-700);
  --rule: var(--sand-600);
  --surface: var(--white);
  --surface-fg: var(--ink-700);

  --header-bg: var(--ink-300);
  --header-fg: var(--white);
  --header-fg-mute: var(--sand-600);
}