/**
 * @file
 * Global CSS custom properties.
 */

:root {
  --max-width: 108.75rem;
  --max-bg-color: 120rem;
  --grid-gap: clamp(18px, 2vw, 36px);

  @media (min-width: 43.75rem) {
    --grid-col-count: 12;
    --xgrid-gap: 2rem;
  }

  @media (min-width: 75rem) {
    --container-padding: 3.75rem;
  }

  @media (min-width: 120rem) {
    --xgrid-gap: 3.75rem;
  }
}