@import url('../../shared/base.css');
:root{
  --font-heading:'Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#1d4ed8;--accent-2:#f97316;--bg:#f9fafb;--text:#111827;
  --header-bg:#fff;--nav-bg:#fff;--card-bg:#fff;--stats-bg:#eff6ff;--border:#e5e7eb;
  --hero-bg:#1d4ed8;--hero-text:#fff;--footer-bg:#0b2a75;
  transition:all .5s ease;
}
body.mode-nps{--accent-1:#1d4ed8;--hero-bg:#1d4ed8;--footer-bg:#0b2a75}
body.mode-hanchinmani{--accent-1:#7f1d1d;--hero-bg:#7f1d1d;--footer-bg:#3f0e0e}
.mode-switch{position:fixed;bottom:1.5rem;left:1.5rem;z-index:200;background:#fff;border:1px solid var(--border);border-radius:24px;padding:.4rem;display:flex;gap:.3rem;box-shadow:0 6px 20px rgba(0,0,0,.15)}
.mode-switch button{border:0;background:none;padding:.4rem .8rem;border-radius:18px;cursor:pointer;font-size:.8rem;font-weight:600}
.mode-switch button.active{background:var(--accent-1);color:#fff}