@import url('../../shared/base.css');
:root{
  --font-heading:'Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#7f1d1d;--accent-2:#fbbf24;--bg:#fff8f0;--text:#2b1b12;
  --header-bg:#fff;--nav-bg:#fff;--card-bg:#fff;--stats-bg:#fff3e0;--border:#f2e3cf;
  --hero-bg:#7f1d1d;--hero-text:#fff;--footer-bg:#3f0e0e;
}
.hero{transition:box-shadow .15s}
.audio-toggle{position:absolute;top:1rem;right:1rem;z-index:3;background:rgba(255,255,255,.2);border:1px solid #fff;color:#fff;border-radius:20px;padding:.4rem .9rem;cursor:pointer;font-size:.8rem}