/* ============================================
   MURMUR DESIGN TOKENS — AI Guide
   Shared across all chapters
   ============================================ */
:root {
  /* Colors — Dark (default) */
  --bg: #1A1816;
  --surface: #22201D;
  --surface-hover: #2D2A26;
  --border: #3D3630;
  --border-subtle: rgba(255,255,255,0.06);
  --text-primary: #E8E2DA;
  --text-secondary: #A69985;
  --text-muted: #73676D;
  --accent: #C8A064;
  --success: #7EC896;
  --error: #D4756A;
  --warning: #D4A054;
  --info: #6BA3BE;
  --purple: #9B7DB8;
  --teal: #6BA3BE;
  --deep-tan: #856B4E;

  /* Typography */
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Playfair Display', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', monospace;

  /* Spacing (4pt grid) */
  --sp-xs: 4px;
  --sp-sm: 8px;
  --sp-md: 16px;
  --sp-lg: 24px;
  --sp-xl: 32px;
  --sp-2xl: 48px;
  --sp-3xl: 64px;
  --sp-4xl: 96px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ============================================
   LIGHT MODE — Manual toggle override
   ============================================ */
html[data-theme="light"] {
  --bg: #F5F2EE;
  --surface: #EBE7E1;
  --surface-hover: #E2DDD6;
  --border: #D1C9BE;
  --border-subtle: rgba(0,0,0,0.06);
  --text-primary: #3D3630;
  --text-secondary: #736B5F;
  --text-muted: #A09790;
  --accent: #A07830;
  --success: #3D8A5A;
  --error: #B8483E;
  --warning: #B08030;
  --info: #3D7A8F;
  --purple: #7B5D9E;
  --teal: #3D7A8F;
  --deep-tan: #A68860;
}

/* System preference fallback (no-JS / before toggle loads) */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #F5F2EE;
    --surface: #EBE7E1;
    --surface-hover: #E2DDD6;
    --border: #D1C9BE;
    --border-subtle: rgba(0,0,0,0.06);
    --text-primary: #3D3630;
    --text-secondary: #736B5F;
    --text-muted: #A09790;
    --accent: #A07830;
    --success: #3D8A5A;
    --error: #B8483E;
    --warning: #B08030;
    --info: #3D7A8F;
    --purple: #7B5D9E;
    --teal: #3D7A8F;
    --deep-tan: #A68860;
  }
}