:root {
  --midnight: rgba(26, 39, 52, 1);
  --midnight-light: rgba(34, 50, 67, 1);
  --midnight-75: rgba(26, 39, 52, 0.75);
  --midnight-50: rgba(26, 39, 52, 0.5);
  --midnight-25: rgba(26, 39, 52, 0.25);
  --slate: rgba(90, 120, 151, 1);
  --slate-75: rgba(90, 120, 151, 0.75);
  --mist: rgba(226, 232, 238, 1);
  --mist-50: rgba(226, 232, 238, 0.5);
  --frost: rgba(243, 246, 248, 1);
  --mint: rgba(42, 187, 155, 1);
  --mint-50: rgba(42, 187, 155, 0.5);
  --mint-15: rgba(42, 187, 155, 0.15);
  --white: rgba(255, 255, 255, 1);
  --white-75: rgba(255, 255, 255, 0.75);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-25: rgba(255, 255, 255, 0.25);
  --white-15: rgba(255, 255, 255, 0.15);
  --white-5: rgba(255, 255, 255, 0.05);
  --white-95: rgba(255, 255, 255, 0.95);
  --button-font-family: "Chakra Petch", Helvetica;
  --button-font-weight: 600;
  --button-font-size: 14px;
  --button-letter-spacing: 0px;
  --button-line-height: normal;
  --button-font-style: normal;
  --h1-font-family: "Chakra Petch", Helvetica;
  --h1-font-weight: 700;
  --h1-font-size: 64px;
  --h1-letter-spacing: 0px;
  --h1-line-height: 72px;
  --h1-font-style: normal;
  --h2-font-family: "Chakra Petch", Helvetica;
  --h2-font-weight: 700;
  --h2-font-size: 36px;
  --h2-letter-spacing: 0px;
  --h2-line-height: 40px;
  --h2-font-style: normal;
  --h3-font-family: "Chakra Petch", Helvetica;
  --h3-font-weight: 700;
  --h3-font-size: 20px;
  --h3-letter-spacing: 0px;
  --h3-line-height: normal;
  --h3-font-style: normal;
  --h5-font-family: "Chakra Petch", Helvetica;
  --h5-font-weight: 700;
  --h5-font-size: 16px;
  --h5-letter-spacing: 0px;
  --h5-line-height: normal;
  --h5-font-style: normal;
  --body-font-family: "Barlow", Helvetica;
  --body-font-weight: 400;
  --body-font-size: 16px;
  --body-letter-spacing: 0px;
  --body-line-height: 28px;
  --body-font-style: normal;
  --body-2-font-family: "Barlow", Helvetica;
  --body-2-font-weight: 400;
  --body-2-font-size: 14px;
  --body-2-letter-spacing: 0px;
  --body-2-line-height: 22px;
  --body-2-font-style: normal;
  --body-3-font-family: "Chakra Petch", Helvetica;
  --body-3-font-weight: 500;
  --body-3-font-size: 14px;
  --body-3-letter-spacing: 0px;
  --body-3-line-height: 22px;
  --body-3-font-style: normal;
  --caption-font-family: "Chakra Petch", Helvetica;
  --caption-font-weight: 600;
  --caption-font-size: 12px;
  --caption-letter-spacing: 2px;
  --caption-line-height: 16px;
  --caption-font-style: normal;
  --label-font-family: "Barlow", Helvetica;
  --label-font-weight: 400;
  --label-font-size: 12px;
  --label-letter-spacing: 0px;
  --label-line-height: 16px;
  --label-font-style: normal;
}