/* ===== Theme: Pastel Paper (light, warm paper with soft pastel accents) ===== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@500;600&display=swap');
:root {
  color-scheme: light;
  --heading-font: 'Fraunces', Georgia, serif; --body-font: 'Plus Jakarta Sans', system-ui, sans-serif; --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --h1-weight: 600; --h2-weight: 600; --h3-weight: 600; --brand-weight: 600;
  --h1-spacing: -.01em; --h2-spacing: -.005em; --h3-spacing: 0; --brand-spacing: 0; --h1-shadow: none;
  --lede-font: italic 500 clamp(1.25rem, 2.8vw, 1.65rem)/1.45 'Fraunces', Georgia, serif; --lede-font-sm: italic 500 1.2rem/1.5 'Fraunces', Georgia, serif;
  --bg: #fbf7f1; --bg-image: radial-gradient(55% 40% at 100% 0%, rgba(217,208,255,.45) 0%, transparent 70%), radial-gradient(50% 35% at 0% 100%, rgba(255,217,199,.35) 0%, transparent 70%);
  --surface: #ffffff; --surface-2: #f4efe7; --line: #ebe3d6; --line-strong: #d9cfbf; --band-line: #efe7da;
  --ink: #4a4659; --ink-strong: #23203a; --muted: #6e6980; --faint: #8d889b;
  --link: #5a48c7; --link-hover: #3f2fa6; --focus: #5a48c7; --accent: #9b8cf2; --accent-strong: #5a48c7; --eyebrow: #b8456a; --lede: #5a48c7; --brand: #23203a;
  --bar-bg: rgba(251,247,241,.82); --nav-hover: #f1ebff; --nav-current: #c9bdfb;
  --hero-decor: radial-gradient(circle at 18% 30%, rgba(217,208,255,.75) 0, transparent 22%), radial-gradient(circle at 84% 22%, rgba(255,217,199,.8) 0, transparent 20%), radial-gradient(circle at 74% 82%, rgba(201,236,220,.85) 0, transparent 22%), radial-gradient(circle at 28% 86%, rgba(207,228,255,.8) 0, transparent 18%);
  --btn-bg: #23203a; --btn-ink: #ffffff; --btn-line: #23203a; --btn-shadow: 0 6px 18px -8px rgba(35,32,58,.5); --ghost-bg: rgba(255,255,255,.7);
  --radius: 20px; --radius-sm: 16px;
  --card-bg: #ffffff; --card-line: #eee6da; --card-line-hover: #c9bdfb; --card-shadow: 0 1px 2px rgba(35,32,58,.04), 0 10px 30px -18px rgba(35,32,58,.25); --card-shadow-hover: 0 2px 4px rgba(35,32,58,.05), 0 18px 40px -20px rgba(90,72,199,.35);
  --card-stripe: block; --pastel-1: #d9d0ff; --pastel-2: #ffd9c7; --pastel-3: #c9ecdc; --pastel-4: #cfe4ff;
  --live: #23845a; --dev: #a5631a; --code: #2f66b3; --status-pad: 4px 10px; --status-bg: color-mix(in srgb, currentColor 10%, white);
  --tag-bg: #f3efff; --tag-ink: #4c3fb0; --tag-line: #e2dbff;
  --highlight: #ffe7a8; --quote-bg: #f6f1ff; --foot-bg: #f6f1e9;
}