/* Aurora re-theme for blog pages (overrides the v9 palette; layout untouched) */
:root {
  --bg: #0A0D1E;
  --card: rgba(20, 24, 48, 0.72);
  --navy: #EEF1FF;
  --ink: #EEF1FF;
  --ink-dim: rgba(238, 241, 255, 0.68);
  --ink-faint: rgba(238, 241, 255, 0.42);
  --blue: #818CF8;
  --blue-soft: #A855F7;
  --legacy: #9aa3c8;
  --legacy-fill: rgba(255, 255, 255, 0.07);
  --line: rgba(255, 255, 255, 0.13);
  --shadow: 0 24px 60px -32px rgba(0, 0, 0, 0.6);
  --disp: "Sora", "Avenir Next", sans-serif;
  --text: "Outfit", "Avenir", sans-serif;
}
::selection { background: #A855F7; color: #fff; }
/* the animated systems diagram was drawn for a light canvas — keep it on one */
.fig-wrap { background: #F5F7FA; border-radius: 12px; }
/* nav had a hardcoded light glass — make it dark glass */
.nav { background: rgba(10, 13, 30, 0.82); }
.btn-blue { background: linear-gradient(100deg, #6366F1, #A855F7); }
.btn-blue:hover { background: linear-gradient(100deg, #7376F3, #B96BF8); }