/* Greenkub spacing + layout. 4 / 8 / 16 / 24 / 32 / 40 / 80 from the
   spacing-space-* float variables; breakpoints from breakpoints-*. */
:root {
  --gk-space-xs: 4px;
  --gk-space-sm: 8px;
  --gk-space-md: 16px;
  --gk-space-lg: 24px;
  --gk-space-xl: 32px;
  --gk-space-2xl: 40px;
  --gk-space-3xl: 80px;

  --gk-bp-mobile: 375px; /* @kind other */
  --gk-bp-tablet: 768px; /* @kind other */
  --gk-bp-desktop: 1024px; /* @kind other */
  --gk-bp-desktop-lg: 1440px; /* @kind other */

  /* Page gutters measured on the desktop header / footer boards */
  --gk-gutter-desktop: 80px; /* @kind spacing */
  --gk-gutter-mobile: 16px; /* @kind spacing */

  /* Icon sizes */
  --gk-icon-sm: 24px; /* @kind spacing */
  --gk-icon-md: 32px; /* @kind spacing */
  --gk-icon-lg: 40px; /* @kind spacing */
}