/* theme v7 — dark & purple base (shared; extracted from index.html 2026-09-05)
   Loaded AFTER style.min.css so it overrides the old light-gray :root vars. */
html{color-scheme:dark}
:root,[data-theme="dark"]{
  --bg:#07071A;
  --fg:#E9E7F7;
  --card-bg:#0D0B22;
  --card-fg:#E9E7F7;
  --primary:#A78BFA;
  --primary-fg:#0B0A1F;
  --muted:#1D1A3E;
  --muted-fg:#9A93C9;
  --border:#26234B;
  --accent-bg:#17143A;
  --brand-pink:#A78BFA;
  --brand-purple:#7C3AED
}
[data-theme="light"]{
  --bg:hsl(240,4%,95%);
  --fg:hsl(240,5%,10%);
  --card-bg:hsl(0,0%,98%);
  --card-fg:hsl(240,5%,10%);
  --primary:hsl(275,56%,54%);
  --primary-fg:hsl(275,100%,97%);
  --muted:hsl(240,4%,83%);
  --muted-fg:hsl(240,5%,42%);
  --border:hsl(240,4%,83%);
  --accent-bg:hsl(275,40%,96%);
  --brand-pink:hsl(275,56%,54%);
  --brand-purple:hsl(275,70%,45%);
  color-scheme:light
}
/* navbar — match homepage */
[data-theme="dark"] #navbar .nav-links a:hover{background:rgba(167,139,250,.08)}
#navbar .logo img{width:160px!important;height:auto!important;max-width:160px!important}
/* footer — match homepage */
.footer-brand .logo-img{width:176px!important;height:auto!important;max-width:176px!important}