:root {
  /* Grid columns */
  --cols-1: 1fr;
  --cols-2: repeat(2, 1fr);
  --cols-3: repeat(3, 1fr);
  --cols-4: repeat(4, 1fr);
  --cols-5: repeat(5, 1fr);
  --cols-6: repeat(6, 1fr);
  --cols-7: repeat(7, 1fr);
  --cols-8: repeat(8, 1fr);
  --cols-9: repeat(9, 1fr);
  --cols-10: repeat(10, 1fr);
  --cols-11: repeat(11, 1fr);
  --cols-12: repeat(12, 1fr);

  /* Grid container */
  --container-max-width: 1140px;
  --container-max-width-sm: 768px;
  --container-max-width-md: 992px;
  --container-max-width-lg: 1200px;
  --container-max-width-xl: 1440px;
}