:root {
  /* surfaces */
  --bg:#0A0D14; --surface:#11161F; --surface-2:#161C27;
  --border:#222A37; --border-soft:rgba(255,255,255,.06);
  --border-strong:#2E3848;
  /* text */
  --text:#E7ECF3; --text-2:#9BA6B5; --text-3:#5E6A7A;
  /* accent */
  --primary:#38BDF8; --primary-2:#818CF8; --primary-glow:rgba(56,189,248,.45);
  --primary-wash:rgba(56,189,248,.10);
  /* semantic = eval meaning (dark-tuned) */
  --accept:#34D399; --uncertain:#FBBF24; --reject:#FB7185;
  --accept-zone:rgba(52,211,153,.26); --uncertain-zone:rgba(251,191,36,.30); --reject-zone:rgba(251,113,133,.26);
  /* info zone (callout-info) */
  --info-zone:rgba(56,189,248,.15);
  /* shadows (dark-native) */
  --shadow-sm:0 1px 4px rgba(0,0,0,.4);
  --shadow-md:0 4px 16px rgba(0,0,0,.5);
  /* type */
  --font-display:'Space Grotesk','Inter',sans-serif;
  --font-sans:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --text-xs:12px; --text-sm:14px; --text-base:15px; --text-lg:18px;
  --text-xl:20px; --text-2xl:25px; --text-3xl:30px; --text-4xl:36px;
  --lh-body:1.6; --lh-head:1.2;
  /* space (4-based) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-8:48px; --space-10:64px;
  /* radius */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-pill:999px;
  /* layout + page glow */
  --sidebar-w:236px; --reading-w:760px; --container-w:1080px;
  --page-glow:radial-gradient(1100px 420px at 50% -12%, rgba(56,189,248,.10), transparent 70%);
}

[data-theme="light"] {
  --bg:#F7F9FC; --surface:#FFFFFF; --surface-2:#F1F4F9;
  --border:#E2E8F0; --border-soft:rgba(15,23,42,.06);
  --border-strong:#CBD5E1;
  --text:#0F172A; --text-2:#475569; --text-3:#94A3B8;
  --primary:#0284C7; --primary-2:#6366F1; --primary-glow:rgba(2,132,199,.30);
  --primary-wash:rgba(2,132,199,.10);
  --accept:#059669; --uncertain:#D97706; --reject:#E11D48;
  --accept-zone:rgba(5,150,105,.16); --uncertain-zone:rgba(217,119,6,.18); --reject-zone:rgba(225,29,72,.14);
  --info-zone:rgba(2,132,199,.10);
  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow-md:0 4px 12px rgba(15,23,42,.08);
  --page-glow:radial-gradient(1100px 420px at 50% -12%, rgba(2,132,199,.07), transparent 70%);
}