:root {
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --container-xs: 360px;
  --container-sm: 540px;
  --container-md: 720px;
  --container-lg: 900px;
  --container-xl: 1200px;
  --container-xxl: 1440px;
  --space-xxs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  20px;
  --space-lg:  32px;
  --space-xl:  48px;
  --space-xxl: 64px;
  --space-xxxl: 96px;
  --section-padding-y: var(--space-xxl);
  --section-padding-x: var(--space-md);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
}