:root {
  --color-bg: #f7f7f4;
  --color-surface: #ffffff;
  --color-fg: #1a1f1c;
  --color-muted: #5a625c;
  --color-border: #d8ddd8;
  --color-accent: #0b6b4f;
  --color-accent-fg: #ffffff;
  --color-accent-soft: #e3f0ea;
  --color-focus: #b45309;
  --color-badge-iucn: #7c2d12;
  --color-badge-iucn-bg: #fde8dc;
  --color-tag-bg: #eceee9;

  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", serif;

  --step--1: clamp(0.83rem, 0.8rem + 0.15vw, 0.89rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.06rem);
  --step-1: clamp(1.2rem, 1.13rem + 0.35vw, 1.35rem);
  --step-2: clamp(1.44rem, 1.32rem + 0.6vw, 1.75rem);
  --step-3: clamp(1.73rem, 1.53rem + 1vw, 2.35rem);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius: 6px;
  --radius-lg: 12px;
  --measure: 68ch;
  --wrap: 72rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #0d1412;
    --color-surface: #141d1a;
    --color-fg: #e8edea;
    --color-muted: #a3ada7;
    --color-border: #2a3631;
    --color-accent: #56c39a;
    --color-accent-fg: #06110d;
    --color-accent-soft: #16332a;
    --color-focus: #fbbf24;
    --color-badge-iucn: #f5c6a5;
    --color-badge-iucn-bg: #3a2216;
    --color-tag-bg: #1e2a26;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}