/*
 * Shared visual foundation for public Monvou views.
 * Type-specific layouts keep their own identity; these tokens align the
 * surrounding stage, card edges, shadows and footer widths.
 */
:root{
  --mv-public-narrow-max:420px;
  --mv-public-medium-max:520px;
  --mv-public-wide-max:940px;
  --mv-public-gutter:clamp(16px,3.8vw,18px);
  --mv-public-radius:24px;
  --mv-public-radius-mobile:22px;
  --mv-public-border:rgba(255,255,255,.58);
  --mv-public-border-warm:rgba(227,215,204,.76);
  --mv-public-shadow:0 18px 42px rgba(73,55,37,.12),0 4px 12px rgba(73,55,37,.06);
  --mv-public-shadow-soft:0 14px 34px rgba(73,55,37,.10),0 3px 9px rgba(73,55,37,.05);
}

@media(max-width:480px){
  :root{--mv-public-gutter:16px;}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
}