:root {
  /* LIGHT THEME TOKENS */
  --color-background-page: #ffffff;
  --color-background-header: #faf7f2;       /* slightly warm off-white */
  --color-background-surface: #ffffff;      /* big center panel */
  --color-background-card: #faf7f2;         /* smaller cards */

  --color-text: #2b2926;
  --color-text-muted: #6b645b;
  --color-text-inverted: #ffffff;

  --color-accent: #c57b34;
  --color-link: #b2601b;
  --color-link-hover: #d27a24;

  --color-border-subtle: #dcd2c5;

  --font-body: "Inter", system-ui, sans-serif;
  --font-heading: "Outfit", system-ui, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;

  --radius-md: 8px;
  --radius-lg: 16px;
  --icon-size: 1.1em;
}

/* DARK MODE */
body.dark-mode {
  --color-background-page: #050505;
  --color-background-header: #111111;
  --color-background-surface: #111111;
  --color-background-card: #1f1f1f;
  --color-border-subtle: #333333;

  --color-text: #f6f6f6;
  --color-text-muted: #c4c4c4;

  --color-link: #ffb74d;
  --color-link-hover: #ffe082;
  --color-accent: #ffb74d;

  --color-text-inverted: #050505;
}