:root{
  --bs-body-font-family: "Hanken Grotesk", sans-serif;
  --bs-body-font-size: var(--fs-medium);
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: var(--color-white);
  --bs-body-bg: var(--color-black);
  --bs-border-color: var(--color-grey-dark);
  --bs-border-width: 1px;
  --bs-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);

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

  --fs-small: 18px;
  --fs-medium: 20px;
  --fs-large: 45px;
  --fs-xlarge: 55px;


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

  /* 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: #dce1e3;
  --color-grey-light: #f8fafb;

  --color-primary: var(--color-red);
  --color-primary-rgb: 213 0 14;

  --bs-black-rgb: 3 18 16;
  --swiper-theme-color: var(--color-red);
}

@media (max-width: 1199px) {
  :root{
    --bs-body-font-size: 22px;
    --fs-small: 18px;
    --fs-medium: 20px;
    --fs-large: 25px;
    --fs-jumbotron: 30px;
    --fs-xlarge: 35px;
  }
}