/* Forest & Gold — Design Tokens */
:root {
  /* Forest palette */
  --forest-950: #0a1a0f;
  --forest-900: #0f2518;
  --forest-800: #163322;
  --forest-700: #1e4430;
  --forest-600: #27573e;
  --forest-500: #326b4e;
  --forest-400: #4a8a6a;
  --forest-300: #6bab8a;
  --forest-200: #a0cfb5;
  --forest-100: #d4eade;
  --forest-50:  #eef7f1;

  /* Gold palette */
  --gold-950: #2a1f00;
  --gold-900: #3d2e00;
  --gold-800: #594400;
  --gold-700: #7a5e00;
  --gold-600: #a07a00;
  --gold-500: #c49800;
  --gold-400: #dbb030;
  --gold-300: #e8c85e;
  --gold-200: #f2dd94;
  --gold-100: #faf0cc;
  --gold-50:  #fef9e8;

  /* Neutral */
  --neutral-950: #0c0e0d;
  --neutral-900: #171a19;
  --neutral-800: #252a28;
  --neutral-700: #3a403d;
  --neutral-600: #525955;
  --neutral-500: #6e7672;
  --neutral-400: #8e9590;
  --neutral-300: #b3b9b5;
  --neutral-200: #d4d8d6;
  --neutral-100: #eaecea;
  --neutral-50:  #f5f6f5;

  /* Semantic */
  --bg-primary: var(--forest-950);
  --bg-secondary: var(--forest-900);
  --bg-surface: var(--forest-800);
  --bg-elevated: var(--forest-700);

  --text-primary: var(--forest-50);
  --text-secondary: var(--forest-200);
  --text-muted: var(--forest-300);

  --accent: var(--gold-400);
  --accent-hover: var(--gold-300);
  --accent-text: var(--forest-950);

  --border: var(--forest-700);
  --border-subtle: var(--forest-800);

  /* Typography */
  --font-sans: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;

  /* Spacing */
  --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;
  --space-20: 5rem;
  --space-24: 6rem;

  --container: 72rem;
  --radius: 0.5rem;
  --radius-lg: 0.75rem;
}
