:root {
    --layout-content-width: 1328px;
    --layout-space-extra-large: 12.5rem;
    --layout-space-large: 9.375rem;
    --layout-space-medium: 6.25rem;
    --layout-space-small: 3.125rem;
    --layout-space-extra-small: 2rem;
    --layout-grid-gap: 1rem;
    --layout-content-padding: 1rem;
    --box-border-radius: 16px;
    --font-larger: 1.5625em;
    --color-defaultGray: #F2F2F2;
    --font-defaultGray: #2A2E33;
    --color-darkGray: #E6E6E6;
    --color-darkGray-semiTrans: rgba(230,230,230,0.8);
    --font-darkgray: rgb(255 219 129);
    --color-gray: #666666;
    --color-page-background: rgba(255,181,0,.8);
    --color-page-background-dot5: rgba(34,34,38,0.5);
    --font-page-default: #000;
    --color-footerColor: rgba(255,181,0,.8);
    --color-accent: #174194;
  }
  @media (max-width: 600px) {
    :root {
        --layout-grid-gap:.5rem;
    }
  }
  @media (max-width: 768px) {
    :root {
        --box-border-radius:8px;
    }
  }