:root {
  --content-max: 1200px;
  --bp-mobile: 640px;
  --bp-tablet: 1024px;
  --bp-desktop: 1280px;

  --grid-desktop-columns: 12; /* @kind other */
  --grid-desktop-margin: 80px; --grid-desktop-gutter: 24px;
  --grid-tablet-columns: 8; /* @kind other */
  --grid-tablet-margin: 40px;  --grid-tablet-gutter: 24px;
  --grid-mobile-columns: 4; /* @kind other */
  --grid-mobile-margin: 20px;  --grid-mobile-gutter: 16px;

  --header-height: 72px;
  --button-height: 48px;
  --button-height-mobile: 44px;
  --field-height: 52px;
}