:root{
  --bs-body-font-family: "GeneralSans", sans-serif;
  --bs-body-font-size: var(--fs-normal);
  --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-width: 1px;
  --bs-box-shadow: inherit;

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

  --fs-small: 18px;
  --fs-normal: 20px;
  --fs-medium: 25px;
  --fs-large: 50px;
  --fs-xlarge: 60px;

  --fs-h1: var(--fs-xlarge);
  --fs-h2: var(--fs-large);
  --fs-h3: 40px;
  --fs-h4: 30px;

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

  --color-grey-dark: #464646;
  --color-grey: #CFD2D1;

  --color-primary: var(--color-white);
  --color-primary-rgb: 255 255 255;

  --swiper-theme-color: #fff;
}

@media (max-width: 1199px) {
  :root{
    --fs-small: 16px;
    --fs-normal: 18px;
    --fs-medium: 25px;
    --fs-large: 30px;
    --fs-xlarge: 40px;
    --fs-h3: 30px;
    --fs-h4: 25px;
     /* --has-kwb-medium-font-size: var(--fs-medium); */

    --wp--preset--font-size--kwb-small: var(--fs-small) !important;
    --wp--preset--font-size--kwb-normal: var(--fs-normal) !important;
    --wp--preset--font-size--kwb-medium: var(--fs-medium) !important;
    --wp--preset--font-size--kwb-large: var(--fs-large) !important;
    --wp--preset--font-size--kwb-xlarge: var(--fs-xlarge) !important;
  }
}