:root{
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;

  --container-max:1200px;
  --container:min(1200px,calc(100% - 48px)); /* @kind spacing */
  --grid-columns:12; /* @kind other */
  --header-height:76px;
  --header-height-mobile:68px;
  --hero-min-height:552px;
  --tap-min:44px;

  --radius-sm:8px;
  --radius-md:16px;
  --radius-card:11px;
  --radius-pill:999px;
  --border-width:1px; /* @kind other */
}
.container{width:var(--container);margin-inline:auto}