:root{
  /* Marketing page column skeleton. The hairline rules and dot-nodes on the
     landing page sit in the 4px gutter columns of this grid. */
  --grid-layout-default:8px 4px 1fr 4px 1fr 24px 1fr 4px 1fr 4px 8px; /* @kind other */
  --grid-layout-32:0 32px 1fr 4px 1fr 24px 1fr 4px 1fr 32px 0; /* @kind other */
  --grid-gap:var(--spacing-md);
  --content-max:1024px;
  --content-max-wide:1500px;
  /* Breakpoints (for reference — Orbit uses custom stops) */
  --bp-2xs:376px; --bp-xs:430px; --bp-sm:640px; --bp-md:768px;
  --bp-lg:1064px; --bp-xl:1280px; --bp-2xl:1536px; --bp-3xl:1920px;
}