:root {
  --deep-navy: rgba(25, 34, 65, 1);
  --primaryprimary-700: rgba(4, 97, 103, 1);
  --primaryprimary-200: rgba(200, 250, 253, 1);
  --secondarysecondary-700: rgba(255, 155, 41, 1);
  --black: rgba(12, 12, 12, 1);
  --white: rgba(255, 255, 255, 1);
  --graygray-200: rgba(224, 228, 234, 1);
  --black-1: rgba(46, 46, 45, 1);
  --graygray-600: rgba(91, 107, 134, 1);
  --white-1: rgba(255, 255, 255, 1);
  --emerald-mist: rgba(79, 187, 155, 1);
  --white-color: rgba(255, 255, 255, 1);
  --graygray-100: rgba(241, 243, 246, 1);
  --primaryprimary-50: rgba(249, 254, 255, 1);
  --graygray-500: rgba(130, 146, 170, 1);
  --calm-sky-blue: rgba(56, 146, 209, 1);
  --primaryprimary-500: rgba(36, 233, 247, 1);
  --graygray-300: rgba(200, 206, 217, 1);
  --primaryprimary-100: rgba(231, 253, 254, 1);
  --primaryprimary-800: rgba(3, 69, 73, 1);
  --red: rgba(251, 94, 94, 1);
  --graygray-700: rgba(56, 66, 82, 1);
  --slate-gray: rgba(95, 122, 149, 1);
  --secondarysecondary-600: rgba(255, 178, 91, 1);
  --primaryprimary-300: rgba(158, 245, 251, 1);
  --primaryprimary-400: rgba(103, 240, 249, 1);
  --graygray-400: rgba(168, 179, 196, 1);
  --graygray-50: rgba(252, 252, 253, 1);
  --h2-font-family: "Montserrat", Helvetica;
  --h2-font-weight: 700;
  --h2-font-size: 2.75rem;
  --h2-letter-spacing: 0px;
  --h2-line-height: normal;
  --h2-font-style: normal;
  --h6-font-family: "Montserrat", Helvetica;
  --h6-font-weight: 500;
  --h6-font-size: 1.25rem;
  --h6-letter-spacing: 0px;
  --h6-line-height: normal;
  --h6-font-style: normal;
  --subtitle-font-family: "Montserrat", Helvetica;
  --subtitle-font-weight: 700;
  --subtitle-font-size: 1.25rem;
  --subtitle-letter-spacing: 0px;
  --subtitle-line-height: normal;
  --subtitle-font-style: normal;
  --body-2-font-family: "Montserrat", Helvetica;
  --body-2-font-weight: 500;
  --body-2-font-size: 1rem;
  --body-2-letter-spacing: 0px;
  --body-2-line-height: 1.5;
  --body-2-font-style: normal;
  --body-1-font-family: "Montserrat", Helvetica;
  --body-1-font-weight: 700;
  --body-1-font-size: 1rem;
  --body-1-letter-spacing: 0px;
  --body-1-line-height: normal;
  --body-1-font-style: normal;
  --caption-1-font-family: "Montserrat", Helvetica;
  --caption-1-font-weight: 500;
  --caption-1-font-size: 0.875rem;
  --caption-1-letter-spacing: 0px;
  --caption-1-line-height: normal;
  --caption-1-font-style: normal;
  --overlay-2-font-family: "Montserrat", Helvetica;
  --overlay-2-font-weight: 700;
  --overlay-2-font-size: 0.75rem;
  --overlay-2-letter-spacing: 0px;
  --overlay-2-line-height: normal;
  --overlay-2-font-style: normal;
  --h5-font-family: "Montserrat", Helvetica;
  --h5-font-weight: 700;
  --h5-font-size: 1.5rem;
  --h5-letter-spacing: 0px;
  --h5-line-height: normal;
  --h5-font-style: normal;
  --caption-2-font-family: "Montserrat", Helvetica;
  --caption-2-font-weight: 700;
  --caption-2-font-size: 0.875rem;
  --caption-2-letter-spacing: 0px;
  --caption-2-line-height: normal;
  --caption-2-font-style: normal;
}

@media (max-width: 768px) {
  :root {
    --h2-font-size: 2rem;
    --subtitle-font-size: 18px;
  }
}