/* MASPIK design tokens - shared by every custom template */
:root{
  --mspk-orange:#F48722;
  --mspk-orange-dk:#d9720f;
  --mspk-orange-soft:#FDE3C9;
  --mspk-green:#014921;
  --mspk-green-lt:#0a6b34;
  --mspk-cream:#FFEAD9;
  --mspk-cream-lt:#FFF7EF;
  --mspk-ink:#2b2b2b;
  --mspk-muted:#6b6257;
  --mspk-line:#EBD9C6;
  --mspk-white:#fff;
  --mspk-r:18px;
  --mspk-shadow:0 4px 20px rgba(1,73,33,.07);
  --mspk-shadow-lg:0 14px 40px rgba(1,73,33,.16);
  --mspk-hd:'futura-pt-bold','Futura','Montserrat',system-ui,sans-serif;
  --mspk-bd:'Montserrat',system-ui,-apple-system,sans-serif;
}

/* Visually hidden, still available to assistive tech. Lives here because every
   template uses it - it was previously only in home.css, which left the raw
   <select> of the multi-select control visible on the dashboard. */
.mspk-sr,
#mspk .mspk-sr{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);
  white-space:nowrap;border:0;
}