:root{
  --bs-body-font-family: "Hanken Grotesk", sans-serif;
  --bs-body-font-family-alt: "Poly", serif;
  --bs-body-font-size: var(--fs-normal);
  --bs-body-font-weight: 300;
  --bs-body-line-height: 1.6;
  --bs-body-color: var(--color-black);
  --bs-body-bg: var(--color-white);
  --bs-border-color: var(--color-grey-dark);
  --bs-border-width: 1px;
  --bs-box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);

  --wp--style--global--content-size: 1520px;
  --wp--style--global--wide-size: 1520px;

  --fs-small: 16px;
  --fs-normal: 20px;
  --fs-medium: 35px;
  --fs-large: 45px;
  --fs-xlarge: 55px;

  --fs-h1: var(--fs-xlarge);
  --fs-h2: var(--fs-large);
  --fs-h3: var(--fs-medium);
  --fs-h4: var(--fs-normal);

  /* Define colors in functions.php */
  --bs-btn-disabled-bg: var(--color-grey-light);
  --bs-btn-disabled-color: var(--color-grey-dark);

  /* --color-grey-dark: #767f91; */
  --color-grey-dark: #464a52;
  --color-grey: #dce1e3;
  --color-grey-light: #f8fafb; /*#e7ebe9*/

  --color-primary: var(--color-blue);
  --color-primary-rgb: 0 45 77;
  /* --color-primary:  */

  --swiper-theme-color: var(--color-red);
}

@media (max-width: 1199px) {
  :root{
    --bs-body-font-size: 18px;
    --fs-small: 16px;
    --fs-normal: 18px;
    --fs-medium: 30px;
    --fs-large: 35px;
    --fs-xlarge: 40px;
  }
}