/* Spaces / Sizes / IconSizes / Radius — note Spaces.s = 16, Spaces.m = 24, Spaces.l = 32 */
:root{
  --space-xxxs:4px;
  --space-xxs:8px;
  --space-xs:12px;
  --space-s:16px;
  --space-m:24px;
  --space-l:32px;
  --space-xl:40px;
  --space-xxl:48px;
  --space-xxxl:64px;

  --size-xxxs:4px;
  --size-xxs:8px;
  --size-xs:12px;
  --size-s:16px;
  --size-m:24px;
  --size-l:32px;
  --size-xl:40px;
  --size-xxl:48px;
  --size-xxxl:64px;
  --size-4xl:128px;
  --size-5xl:256px;

  --icon-s:16px;
  --icon-m:24px;
  --icon-l:32px;
  --icon-xl:40px;
  --icon-xxl:48px;
  --icon-xxxl:64px;
  --icon-xxxxl:92px;

  --radius-s:4px;
  --radius-m:8px;
  --radius-l:12px;
  --radius-xl:16px;
  --radius-xxl:32px;

  /* Layout */
  --layout-mobile-width:375px;
  --layout-mobile-gutter:16px;
  --layout-desktop-max:1200px;
  --layout-desktop-gutter:48px;
  --layout-sidebar-width:240px;
  --layout-bottom-nav:65px;
  --layout-safe-area-bottom:34px;
}