@import url('../../shared/base.css');
:root{
  --font-heading:'Baloo 2','Segoe UI',sans-serif;--font-body:'Segoe UI',sans-serif;
  --accent-1:#5c4bd6;--accent-2:#ffd166;--bg:#fef6ee;--text:#3a2e5c;
  --header-bg:#fef6ee;--nav-bg:#fef6ee;--card-bg:#fff;--stats-bg:#f3ecff;--border:transparent;
  --hero-bg:#c9b8ff;--hero-text:#3a2e5c;--footer-bg:#5c4bd6;
}
.card,.btn,.stat,blockquote,details,.gallery-item{
  border-radius:28px;box-shadow:0 10px 0 rgba(0,0,0,.06),inset 0 -6px 12px rgba(0,0,0,.06),inset 0 6px 10px rgba(255,255,255,.6);
}
.btn-primary{background:var(--accent-2);color:#3a2e5c}
.hero{border-radius:0 0 40px 40px}