:root{
  --container:1360px; --gutter:32px; --gutter-mobile:20px; --page-gutter:7.5vw;
  --section-gap:112px; --section-gap-mobile:76px;
  --gap-xs:6px; --gap-s:10px; --gap-m:12px; --gap-l:16px; --gap-xl:24px; --gap-2xl:40px; --gap-3xl:56px;
  --pad-card-s:22px; --pad-card:28px; --pad-card-l:36px; --pad-panel:clamp(28px,4vw,56px);
  --radius-pill:999px; --radius-hero:32px; --radius-panel:28px; --radius-card:24px; --radius-card-s:20px; --radius-tile:16px; --radius-inner:12px;
  --header-h:72px; --tap-min:44px;
  --button-h:48px; --button-pad-x:24px; --button-pad-y:10px;
  --shadow-float:0 20px 45px rgba(0,0,0,.35); --shadow-doc:0 18px 50px rgba(0,0,0,.35);
}
@media(max-width:1023px){:root{--page-gutter:clamp(20px,4vw,48px)}}
@media(max-width:680px){:root{--page-gutter:20px}}