/**
 * Generated file - Do not edit manually
 * Layout page and container tokens from Figma Variables collections.
 */

:root {
  --breakpoint-sm: 375px;
  --page-max-width-sm: 768px;
  --breakpoint-md: 768px;
  --page-max-width-md: 1024px;
  --breakpoint-lg: 1024px;
  --page-max-width-lg: 1440px;
  --page-max-width: 768px;
  --grid-cols: 4;
  --spacing-gap: 16px;
  --spacing-page: 8px;
  --container-sm: 320px;
  --container-md: 360px;
  --container-lg: 720px;
}

@media (min-width: 768px) {
  :root {
    --page-max-width: 1024px;
    --grid-cols: 8;
    --spacing-gap: 16px;
    --spacing-page: 24px;
  }
}

@media (min-width: 1024px) {
  :root {
    --page-max-width: 1440px;
    --grid-cols: 12;
    --spacing-gap: 24px;
    --spacing-page: 80px;
  }
}