/* Patês da Rafa — home Herbário editorial
   tokens.css: cores, tipografia, espaço e layout. Nenhuma regra visual aqui. */

:root {
  /* Cor: paleta canônica, cinco valores. Oliva e terracota nunca carregam texto. */
  --color-cream: #f2e8d5;
  --color-moss: #3e4a2a;
  --color-olive: #6b7a3a;
  --color-terracotta: #c75b3c;
  --color-ink: #2b1f15;

  /* Tipografia: três tamanhos por viewport, sempre via token. */
  --type-display: 80px;
  --type-section: 48px;
  --type-body: 18px;
  --leading-display: 0.96;
  --leading-section: 1.05;
  --leading-body: 1.6;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "DM Sans", system-ui, sans-serif;

  /* Espaço e layout */
  --layout-max: 1180px;
  --gutter: 48px;
  --space-section: 80px;
  --space-element: 32px;
  --space-tight: 12px;
}

@media (max-width: 1023px) {
  :root {
    --type-display: 64px;
    --type-section: 40px;
    --leading-display: 0.98;
    --leading-section: 1.08;
    --gutter: 40px;
    --space-section: 72px;
  }
}

@media (max-width: 767px) {
  :root {
    --type-display: 44px;
    --type-section: 32px;
    --type-body: 16px;
    --leading-display: 1;
    --leading-section: 1.1;
    --gutter: 24px;
    --space-section: 56px;
    --space-element: 24px;
    --space-tight: 8px;
  }
}