:root {
  --color-forest-950: #08110d;
  --color-forest-900: #122019;
  --color-forest-800: #1b2f24;
  --color-forest-700: #274234;
  --color-forest-600: #35664b;
  --color-forest-500: #4d8968;
  --color-forest-400: #71a98a;
  --color-forest-300: #a7c8b1;
  --color-forest-200: #d2e4d8;
  --color-forest-100: #e9f2eb;

  --color-gold-500: var(--color-forest-500);
  --color-gold-400: var(--color-forest-400);
  --color-blue-500: var(--color-forest-600);
  --color-teal-500: var(--color-forest-500);
  --color-slate-950: #0c1511;
  --color-slate-900: #14211a;
  --color-slate-850: #182820;
  --color-slate-800: #1d3026;
  --color-slate-700: #506255;
  --color-slate-500: #899a8f;
  --color-slate-300: #cad6ca;
  --color-slate-100: #eef4ee;
  --color-white: #f2f6f2;

  --color-brand-900: var(--color-forest-950);
  --color-brand-800: var(--color-forest-900);
  --color-brand-700: var(--color-forest-800);
  --color-brand-600: var(--color-forest-700);
  --color-brand-500: var(--color-forest-600);
  --color-brand-300: var(--color-forest-300);
  --color-brand-100: var(--color-forest-100);

  --color-bg-primary: var(--color-forest-950);
  --color-bg-surface: var(--color-forest-900);
  --color-bg-surface-muted: var(--color-forest-800);
  --color-bg-surface-strong: var(--color-slate-950);
  --color-green-primary: var(--color-forest-600);
  --color-green-accent: var(--color-forest-300);
  --color-text-primary: rgba(241, 246, 241, 0.94);
  --color-text-muted: rgba(204, 219, 209, 0.76);
  --color-text-inverse: rgba(249, 252, 247, 0.92);

  --color-surface: var(--color-bg-surface);
  --color-surface-muted: var(--color-bg-surface-muted);
  --color-surface-raised: var(--color-forest-700);
  --color-surface-strong: var(--color-bg-surface-strong);
  --color-text: var(--color-text-primary);
  --color-border: rgba(167, 200, 177, 0.12);

  --overlay-surface-1: rgba(255, 255, 255, 0.05);
  --overlay-surface-2: rgba(255, 255, 255, 0.1);
  --overlay-surface-3: rgba(255, 255, 255, 0.14);
  --overlay-border-1: rgba(255, 255, 255, 0.08);
  --overlay-border-2: rgba(255, 255, 255, 0.1);
  --overlay-border-3: rgba(255, 255, 255, 0.14);
  --overlay-text-1: rgba(255, 255, 255, 0.72);
  --overlay-text-2: rgba(255, 255, 255, 0.82);
  --overlay-text-3: rgba(255, 255, 255, 0.92);
  --overlay-dark-1: rgba(10, 18, 14, 0.45);
  --overlay-dark-2: rgba(10, 18, 14, 0.68);
  --overlay-dark-3: rgba(10, 18, 14, 0.9);

  --font-display: "Constantia", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --font-sans: "Aptos", "Segoe UI", "Trebuchet MS", sans-serif;

  --shadow-soft: 0 18px 40px rgba(4, 9, 6, 0.22);
  --shadow-card: 0 26px 60px rgba(4, 9, 6, 0.34);
  --shadow-panel: 0 30px 70px rgba(3, 8, 5, 0.5);

  --radius-sm: 0.75rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.6rem;
  --radius-xl: 2.2rem;
  --radius-pill: 999px;

  --container-width: 1280px;
  --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: 4rem;
  --space-9: 5.5rem;
  --space-10: 7rem;

  --transition-soft: 180ms ease;
  --transition-panel: 320ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-page: 170ms ease;
}