/* Default to your dark palette; light mode flips below */
:root {
  --bg:#0b1320; --panel:#0f1a2b; --text:#e6edf5; --muted:#9fb0c6;
  --soft:rgba(255,255,255,.06); --border:rgba(255,255,255,.10); --shadow:0 16px 40px rgba(0,0,0,.5);
  --accent:#14b8a6; --accent-strong:#0ea5a2;
  --hero-grad:linear-gradient(120deg,#0ea5a2 0%,#14b8a6 50%,#60a5fa 100%);
  --cta-bg:#1f2937; --cta-fg:#ffffff;

  --nav-rail-bg:rgba(15,26,43,.86); --nav-rail-border:rgba(255,255,255,.12);
  --nav-rail-shadow:0 10px 28px rgba(0,0,0,.35);
  --navbar-text:#e6edf5; --navbar-hover:rgba(255,255,255,.10);

  --input-bg:#121d31; --input-text:#e6edf5; --input-border:rgba(255,255,255,.16);
  --placeholder:#94a3b8;

  --promo-blue:rgba(96,165,250,.12);
  --promo-yellow:rgba(251,191,36,.12);
  --promo-green:rgba(16,185,129,.12);
}

/* Light mode */
html:not(.is-dark) {
  --bg:#f3f6f9; --panel:#ffffff; --text:#0f172a; --muted:#475569;
  --soft:#eef2f7; --border:rgba(2,6,23,.12); --shadow:0 10px 24px rgba(2,6,23,.08);
  --accent:#0ea5a2; --accent-strong:#0f766e;
  --hero-grad:linear-gradient(120deg,#10b981 0%,#06b6d4 55%,#60a5fa 100%);
  --cta-bg:#0ea5a2; --cta-fg:#ffffff;

  --nav-rail-bg:#ffffff; --nav-rail-border:rgba(2,6,23,.12);
  --nav-rail-shadow:0 6px 18px rgba(2,6,23,.08);
  --navbar-text:#0f172a; --navbar-hover:#edf2f7;

  --input-bg:#f8fafc; --input-text:#0f172a; --input-border:rgba(2,6,23,.16);
  --placeholder:#64748b;

  --promo-blue:#e8f2ff; --promo-yellow:#fff7e5; --promo-green:#e6fff5;
}



/* Global */
html, body { background: var(--bg); color: var(--text); }
a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-strong); }
.container { max-width:1200px; margin:0 auto; padding: 0 16px; } /* was 1320px */


html, body { transition: background .25s ease, color .25s ease; }
:is(.mh-topbar,.mh-footer,.mh-aside-inner,.mh-row > * ) { transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease; }