/* v177 — MoMPA brand tokens. Loaded FIRST on every page shell (partials/android-head). `--m-` prefix never collides
   with the per-page palettes still living in the 17 page CSS files; those retire one by one onto these. */
:root{
  --m-plum:#46143C;--m-plum-2:#6D3AA3;--m-plum-ink:#2A0C24;
  --m-gold:#C79A3C;--m-gold-2:#E2BE6E;--m-gold-ink:#8A6420;/* v420 UX-8: gold TEXT on light (5.3:1) */
  --m-cream:#FAF6EF;--m-ink:#241B2E;--m-muted:#6B6275;--m-line:rgba(70,20,60,.12);
  --m-ok:#1F7A4D;--m-warn:#B9780F;--m-bad:#B3261E;
  --m-font-head:'Fraunces',Georgia,serif;--m-font-body:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --m-r-sm:10px;--m-r-md:14px;--m-r-lg:22px;--m-r-pill:999px;
  --m-sh-1:0 2px 8px rgba(70,20,60,.08);--m-sh-2:0 8px 24px rgba(70,20,60,.12);--m-sh-3:0 18px 48px rgba(70,20,60,.18);
  --m-safe-t:env(safe-area-inset-top,0px);--m-safe-b:env(safe-area-inset-bottom,0px);
  --m-safe-l:env(safe-area-inset-left,0px);--m-safe-r:env(safe-area-inset-right,0px);
  --m-touch:44px;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* Phones/tablets: a field under 16px makes iOS zoom the page on focus — never below 16px on touch screens. */
@media (hover:none) and (pointer:coarse){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:max(16px,1em)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
/* Opt-in 44px target (Apple HIG / Material) — add to small icon buttons, chips, close "×" etc. Not forced globally. */
.m-touch{min-height:var(--m-touch);min-width:var(--m-touch)}