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

:root {
  --font-sans: "Google Sans", sans-serif;;
  --font-serif: "Google Sans", sans-serif;;

  --max-width: 120rem;
  --max-bg-color: 120rem;
  --content-left: 5.75rem;
  --sp: 1rem;
  --xgrid-gap: clamp(18px, 2vw, 36px);

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

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

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

.layout-main-wrapper {
    --content-left: 0;/*5.75rem;*/
}