:root{
  --bs-body-font-family: "Figtree", 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-blue);
  --bs-body-bg: var(--color-beige);
  --bs-border-color: var(--color-blue);
  --bs-border-width: 1px;
  --bs-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);

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

  --fs-small: 18px;
  --fs-normal: 20px;
  --fs-medium: 24px;
  --fs-large: 34px;
  --fs-xlarge: 48px;

  --fs-h1: 60px;
  --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: #767f91;
  --color-grey-dark: #37373D;
  --color-grey: #dce1e3;
  --color-grey-light: #f8fafb;

  --color-primary: var(--color-blue);
  --color-primary-rgb: 45 56 117;
}

@media (max-width: 767px) {
  :root{
    --fs-small: 16px;
    --fs-normal: 18px;
    --fs-medium: 20px;
    --fs-large: 24px;
    --fs-xlarge: 34px;
    --fs-h1: 40px;
  }
}