:root{
  --bs-body-font-family: "Outfit", sans-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-beige);
  --bs-border-color: var(--color-grey-dark);
  --bs-border-width: 1px;
  --bs-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
  --p-margin: 1.4rem;

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

  --fs-small: 20px;
  --fs-normal: 30px;
  --fs-medium: 35px;
  --fs-large: 55px;
  --fs-xlarge: 70px;

  --fs-h1: 90px;
  --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: #4a4948;
  --color-grey: #dce1e3;
  --color-grey-light: #f8fafb;
  --color-yellow-dark: #E9C200;

  --color-primary: var(--color-yellow);
  --color-primary-rgb: 255 221 51;
}

@media (max-width: 1199px) {
  :root{
    --fs-small: 18px;
    --fs-normal: 25px;
    --fs-medium: 30px;
    --fs-large: 40px;
    --fs-xlarge: 50px;
    --fs-h1: 55px;
    --p-margin: 1rem;
  }
}
@media (max-width: 575px) {
  :root{
    --fs-xlarge: 40px;
    --fs-h1: 45px;
  }
}