@font-face {
  font-family: 'GeneralSans';
  src: url('../fonts/GeneralSans-Light.woff2') format('woff2'),
       url('../fonts/GeneralSans-Light.woff') format('woff'),
       url('../fonts/GeneralSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'GeneralSans';
  src: url('../fonts/GeneralSans-Regular.woff2') format('woff2'),
       url('../fonts/GeneralSans-Regular.woff') format('woff'),
       url('../fonts/GeneralSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'GeneralSans';
  src: url('../fonts/GeneralSans-Semibold.woff2') format('woff2'),
       url('../fonts/GeneralSans-Semibold.woff') format('woff'),
       url('../fonts/GeneralSans-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

:root{
  --bs-body-font-family: "GeneralSans", sans-serif;
  --bs-body-font-size: var(--fs-small);
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.7;
  --bs-body-color: var(--color-black);
  --bs-body-bg: var(--color-beige);
  --bs-border-color: var(--color-black);
  --bs-border-width: 1px;
  --bs-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);

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

  --fs-xsmall: 18px;
  --fs-small: 20px;
  --fs-medium: 25px;
  --fs-large: 30px;
  --fs-xlarge: 45px;

  --fs-h1: var(--fs-xlarge);
  --fs-h2: var(--fs-xlarge);
  --fs-h3: var(--fs-large);
  --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: #2D384D;
  --color-grey: #dce1e3;
  --color-grey-light: #f8fafb;
  --color-red-hover: #CB3E3D;

  --color-primary: var(--color-red);
  --color-primary-rgb: 197 40 39;
}

@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;
  }
}