/* The locked palette (palette-only.spec.js). Add nothing here without the owner. */

:root{--mm-plum:#4A113C;--mm-coral:#EF4023;--mm-coral-deep:#D5361D;--mm-coral-pressed:#DB2C14;--mm-porcelain:#F7F6F2;--mm-linen:#FAF8F4;--mm-ink:#191A17;--mm-black:#000000;--mm-line:#EBE7E0;--mm-muted:#6C675E;--mm-cream:#F5F1E6;--mm-white:#FFFFFF;--mm-ground:#EEECE7;--mm-ground-warm:#F2EDE4;--mm-ground-deep:#E9E2D6;--mm-danger:#C4271A;--mm-rich:#6A5D51;--mm-coral-lift:#FFC4B0;--mm-leaf:#6FA37B;--mm-mist:#BCD0D8;--mm-whatsapp:#25D366}
:root{--mm-btn-h:40px}
@media (max-width:880px){ :root{--mm-btn-h:44px} }

/* POP-01 z-scale: four bands 100 apart; a menu never covers a modal, a toast reads over both. The device lock keeps its own top z. */
:root{--ctl-d:40px;--ctl-d-touch:44px;--ctl-ico:19px;--ctl-ico-touch:22px;--ctl-gap:4px;--ctl-pad:4px;--ctl-strip-pad:12px;
  --ctl-pair:rgba(74,17,60,.055)}
:root{
  --mm-active-tint:#FFF2EE;
  --pop-radius:16px;
  --pop-radius-pill:999px;
  --pop-border:1px solid var(--mm-line);
  --pop-shadow:0 24px 60px -24px rgba(40,25,15,.45);
  --pop-scrim:rgba(25,20,15,.5);
  --pop-scrim-sheet:rgba(30,22,14,.28);
  --z-menu:1000;
  --z-sheet:1100;
  --z-modal:1200;
  --z-toast:1300;
}

@media (display-mode: standalone){
  @view-transition{navigation:auto}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease}
}
html.mm-standalone{-webkit-tap-highlight-color:transparent}
html.mm-standalone :is(button,.btn,[role="button"],.sk-cta,.mk-cta,.lj-btn,.cl-chip):active{transform:scale(.97);transition:transform .08s ease}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  html.mm-standalone :is(button,.btn,[role="button"],.sk-cta,.mk-cta,.lj-btn,.cl-chip):active{transform:none}
}

/* Not inside .a5: there .mm-empty is the editor's frame round an empty copy format. */
.mm-empty:not(.a5 *){display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:440px;margin:40px auto;padding:0 16px}
.mm-empty:not(.a5 *)[hidden]{display:none}
.mm-empty:not(.a5 *) .mm-empty-ic{box-sizing:border-box;width:56px;height:56px;border-radius:50%;background:var(--mm-white);border:1px solid var(--mm-line);display:flex;align-items:center;justify-content:center;margin:0 0 8px}
.mm-empty:not(.a5 *) .mm-empty-ic svg{width:24px;height:24px;fill:none;stroke:var(--mm-plum);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* The pages size every p under #main by id; this holds the pattern's two lines at their size. */
.mm-empty:not(.a5 *) .mm-empty-h{margin:0;max-width:none !important;font:500 24px/1.2 var(--mm-display,'Marcellus',Georgia,serif) !important;letter-spacing:-.01em;color:var(--mm-ink);text-transform:none}
.mm-empty:not(.a5 *) .mm-empty-p{margin:0;max-width:none !important;font:400 15px/1.5 'Figtree',system-ui,sans-serif !important;color:var(--mm-muted);letter-spacing:0;text-transform:none}
.mm-empty:not(.a5 *) .mm-empty-go{display:inline-flex;align-items:center;justify-content:center;min-height:var(--mm-btn-h,40px);margin:12px 0 0;padding:0 18px;border:0;border-radius:999px;
  background:var(--mm-coral);color:var(--mm-white);font:600 14px 'Figtree',system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:filter .14s cubic-bezier(.3,.8,.3,1)}
@media (hover:hover){ .mm-empty .mm-empty-go:hover{filter:brightness(.92);color:var(--mm-white)} }
.mm-empty:not(.a5 *) .mm-empty-go:focus-visible{outline:2px solid var(--mm-plum);outline-offset:3px}
.mm-empty:not(.a5 *).is-inline{align-items:flex-start;text-align:left;max-width:none;margin:0;padding:0;gap:4px}
.mm-empty:not(.a5 *).is-inline .mm-empty-h{font-size:18px !important}
.mm-empty:not(.a5 *).is-inline .mm-empty-p{font-size:14px !important}

footer .foot-bottom .mm-build-foot{margin-left:8px;font-size:10px;letter-spacing:.04em;opacity:.7}