:root {
  --color-canvas: #f4ede7;
  --color-surface: #ffffff;
  --color-sunken: #fbf5f0;
  --color-ink: #6b4a42;
  --color-ink-soft: #9a7f76;
  --color-muted: #9a7f76;
  --color-muted-dim: #b5a095;
  --color-accent: #3fa65a;
  --color-accent-deep: #2f8a47;
  --color-danger: #e4514f;
  --color-region-0: #b8636f;
  --color-region-1: #a8c686;
  --color-region-2: #e8b93f;
  --color-region-3: #8fb7db;
  --color-region-4: #9a8544;
  --font-display: "Nunito", "Segoe UI", sans-serif;
  --font-body: "Nunito", "Segoe UI", sans-serif;
  --font-mono: "Nunito", "Segoe UI", sans-serif;
  --radius-sm: 8px;
  --radius-md: 24px;
  --radius-pill: 999px;
  --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;
  --space-8: 4.5rem;
  --max-width: 68rem;
  --header-h: 4rem;
  --sticky-cta-h: 3.75rem;
  --play-url: "https://play.google.com/store/apps/details?id=com.knoxstudios.dinodoku";
  --cta-gradient: linear-gradient(135deg, #3fa65a 0%, #2f8a47 100%);
  --shadow-soft: 0 10px 28px rgba(107, 74, 66, 0.12);
  color-scheme: light;
}