/* The Sims 4 theme — bright, cozy life-sim: plum UI purple, warm coral, the iconic green plumbob accent.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Quicksand + Nunito. */
:root{
  --c1:#a259d4;   /* plumbox plum (lightened for contrast on dark bg) */
  --c1b:#c79be8;
  --c2:#ff6b9d;   /* warm coral-pink */
  --c3:#2fd47a;   /* plumbob green accent */
  --bg:#120a1a;
  --bg2:#1a0f26;
  --glass:rgba(162,89,212,0.08);
  --glass-brd:rgba(162,89,212,0.24);
  --radius:14px;
  --font-head:'Quicksand',sans-serif;
  --font-body:'Nunito',sans-serif;
}
/* soft, sunny life-sim gradient: violet sky -> warm plum -> deep dusk */
.bg{background:linear-gradient(180deg,#1d1030 0%,#241338 38%,#2a1430 70%,#120a1a 100%)}
.bg::before{content:"";position:absolute;inset:0;
  background:radial-gradient(85% 60% at 80% 6%,rgba(255,107,157,.18),transparent 55%),
             radial-gradient(70% 50% at 14% 24%,rgba(162,89,212,.16),transparent 60%),
             radial-gradient(50% 40% at 50% 92%,rgba(47,212,122,.10),transparent 60%);
  -webkit-mask-image:linear-gradient(#000,#000 80%,transparent);mask-image:linear-gradient(#000,#000 80%,transparent)}
/* friendly, rounded shapes to match the playful life-sim tone */
.card,.cat,.fact,.faq details{border-radius:18px}
.hero h1,h2.title{letter-spacing:-.01em}