:root { 
  --accent---mandys-pink: #f2bfaf;
  --accent---persimmon: #ff6250;
  --black: #000000;
  --celeste: #cfcfcf;
  --cta---aqua-squeeze: #e5f4f2;
  --cta---observatory: #009379;
  --deviders---grey-: #d7d7d7;
  --hawkes-blue: #dae2ff;
  --masala: #3b3b3b;
  --neutral---alto: #d7d7d7;
  --neutral---mine-shaft: #2d2d2d;
  --neutral---zircon: #f8f9ff;
  --neutral700: #374151;
  --neutral900: #111827;
  --onboarding-background-grey: #2d2d2d;
  --white: #ffffff;
 
  --font-size-l: 21px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 28px;
  --font-size-xxl: 38px;
  --font-size-xxxl: 50px;
  --font-size-xxxxl: 67px;
 
  --font-family-mulish: "Mulish", Helvetica;
  --font-family-poppins: "Poppins", Helvetica;
}
.display-xl {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.68px;
}

.display-l {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1px;
}

.display-m {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.76px;
}

.display-s {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.28px;
}

.display-xs {
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

.body-l {
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.body-m {
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.body-s {
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.poppins-semi-bold-gossamer-16px {
  color: var(--cta---observatory);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.mulish-bold-thunder-16px {
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.poppins-semi-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 600;
}

.mulish-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.poppins-bold-thunder-21px {
  color: var(--neutral---mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.mulish-bold-masala-16px {
  color: var(--masala);
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}