/* Design Tokens — Gèmelia Learn */
:root {
  --bg: #FAFAF8;
  --bg-alt: #F2F1ED;
  --surface: #FFFFFF;
  --border: #E5E3DC;
  --border-hover: #D0CEC6;
  --text: #3D3D3A;
  --text-muted: #7A7A74;
  --heading: #1C1C1A;
  --accent: #1C5D3A;
  --accent-hover: #2E8B57;
  --accent-subtle: rgba(28, 93, 58, .06);
  --accent-border: rgba(28, 93, 58, .15);
  --warm: #C4985A;
  --warm-subtle: rgba(196, 152, 90, .08);
  --nav-bg: rgba(250, 250, 248, .92);
  --hero-bg: #F2F1ED;
  --font-serif: 'DM Serif Display', Georgia, serif;
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --space-xs: 4px; --space-sm: 8px; --space-md: 16px;
  --space-lg: 32px; --space-xl: 64px; --space-section: 80px;
  --radius: 12px; --radius-sm: 8px; --radius-pill: 100px;
  --shadow: 0 1px 2px rgba(0,0,0,.03), 0 8px 24px rgba(0,0,0,.04);
  --shadow-hover: 0 4px 16px rgba(28, 93, 58, .12);
  --max-width: 1120px; --content-width: 720px;
}
[data-theme="dark"] {
  --bg: #141413; --bg-alt: #1B1B19; --surface: #222220;
  --border: #333330; --border-hover: #44443F;
  --text: #C8C7C1; --text-muted: #8E8D87; --heading: #F0EFEA;
  --accent: #5DB88A; --accent-hover: #7ECFA5;
  --accent-subtle: rgba(93, 184, 138, .08);
  --accent-border: rgba(93, 184, 138, .18);
  --warm: #D4A86A; --warm-subtle: rgba(212, 168, 106, .08);
  --nav-bg: rgba(20, 20, 19, .92); --hero-bg: #1B1B19;
  --shadow: 0 1px 2px rgba(0,0,0,.15), 0 8px 24px rgba(0,0,0,.2);
}