:root {
  --emerald-950: #082820;
  --emerald-900: #0b3329;
  --emerald-800: #0f3d33;
  --emerald-600: #2e8b6e;
  --gold-500: #d9ae4b;
  --gold-400: #e4c06c;
  --cream-200: #f3e4b8;
  --ivory-50: #fbf6e9;
  --sage-300: #b8cbc1;

  --color-bg: var(--emerald-800);
  --color-bg-deep: var(--emerald-950);
  --color-surface: var(--emerald-900);
  --color-text: var(--cream-200);
  --color-text-muted: var(--sage-300);
  --color-accent: var(--gold-500);
  --color-accent-hover: var(--gold-400);
  --color-on-accent: var(--emerald-950);
  --color-line: rgb(217 174 75 / 0.35);
  --color-focus: var(--ivory-50);

  --font-display: "Iowan Old Style", "Palatino Linotype", Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
  --text-display: clamp(2.25rem, 1.4rem + 4.2vw, 4.5rem);
  --tracking-caps: 0.22em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --gutter: clamp(1.25rem, 5vw, 3rem);
  --container: 72rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-pill: 999px;
  --tap-min: 2.75rem;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 160ms;
  --duration-base: 320ms;
  --duration-slow: 900ms;
}