/* ============================================================
   Mouse Mapped — theme.css : the single design system.
   One source of truth for brand tokens, fonts, and base type. The "mm" look
   (clean white cards, plum pill buttons, sky→orchid→peach gradient) with the
   keepsake storybook fonts (Fredoka headings · Nunito body · Caveat accents).
   Loaded FIRST on every page; site.css and the page modules build on these
   tokens. Replaces the old mm-/md- split + home-theme.css override hacks.
   ============================================================ */
:root{
  /* brand gradient + palette — single source of truth */
  --mm-g1:#7cc4f0; --mm-g2:#b566d6; --mm-g3:#fcd9a8;
  --mm-gradient:linear-gradient(135deg,var(--mm-g1),var(--mm-g2) 60%,var(--mm-g3));
  --mm-plum:#8a4fb0; --mm-plum-deep:#7a3fa0; --mm-orchid:#b566d6; --mm-peach:#fcd9a8;
  --mm-ink:#241c33; --mm-ink-soft:#5a5167; --mm-navy:#23204d;
  --mm-card:rgba(255,255,255,.93);

  /* type — keepsake storybook fonts */
  --mm-font:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mm-font-head:"Fredoka",var(--mm-font);
  --mm-font-hand:"Caveat",cursive;

  /* shape */
  --mm-radius:22px; --mm-radius-sm:12px;
  --mm-shadow:0 24px 60px rgba(0,0,0,.2);
}

/* base type — storybook fonts everywhere this theme is loaded */
body{ font-family:var(--mm-font); color:var(--mm-ink); }
h1,h2,h3{ font-family:var(--mm-font-head); }