:root { 
  --black: #000000;
  --celeste: #cecece;
  --cta---aqua-squeeze: #e5f4f2;
  --neutral---mine-shaft: #2d2d2d;
  --neutral---zircon: #f8f9fe;
  --onboarding-background-grey: #2d2d2d;
  --purple-heart: #694ed6;
  --purple-plum: #a83eb1;
  --white: #ffffff;
  --zircon: #f7f9ff;
 
  --font-size-12px: 12px;
  --font-size-22px: 22px;
  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 21px;
  --font-size-xxxl: 24px;
  --font-size-xxxxl: 40px;
  --font-size-xxxxxl: 50px;
 
  --font-family-mulish: "Mulish", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-spartan: "Spartan", Helvetica;
}
.body-l {
  font-family: var(--font-family-mulish);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

.codigoh1 {
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
}

.codigoh2 {
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
}

.codigoh3 {
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.codigobody1 {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

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

.codigobutton {
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.codigolinkm {
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-12px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

.codigoh2m {
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-22px);
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
}

.codigoh4m {
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
}

.spartan-bold-purple-heart-20px {
  color: var(--purple-heart);
  font-family: var(--font-family-spartan);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}