/* Design Tokens — Gemélia Learn · Ceylon Sapphire Palette */
:root {
  --bg: #FAFAF8;
  --bg-alt: #F2F1ED;
  --surface: #FFFFFF;
  --border: #E5E3DC;
  --border-hover: #D0CEC6;
  --text: #3D3D3A;
  --text-muted: #7A7A74;
  --heading: #1C1C1A;
  --accent: #1B4D8E;
  --accent-hover: #2A6CB5;
  --accent-subtle: rgba(27, 77, 142, .06);
  --accent-border: rgba(27, 77, 142, .15);
  --warm: #C4985A;
  --warm-subtle: rgba(196, 152, 90, .08);
  --nav-bg: rgba(250, 250, 248, .92);
  --hero-bg: #F2F1ED;
  --font-serif: 'Cinzel', Georgia, serif;
  --font-sans: 'Nunito 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(27, 77, 142, .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: #5B9BD5;
  --accent-hover: #7BB5E8;
  --accent-subtle: rgba(91, 155, 213, .08);
  --accent-border: rgba(91, 155, 213, .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);
}