:root {
  --azure-radiance: #0189ee;
  --azure-radiance-2: #0188f1;
  --azure-radiance-3: #018aec;
  --black: #273653;
  --black-2: #000000;
  --gray-nurse: #e9e9e9;
  --hunter-green: #161616;
  --primary: #008aea;
  --white: #ffffff;
  --zircon: #f2f8fd;

  --font-size-l: 18px;
  --font-size-m: 16px;
  --font-size-s: 14px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;
  --font-size-xxxl: 32px;
  --font-size-xxxxl: 48px;

  --font-family-inter: "Inter", Helvetica;
}
.inter-bold-cloud-burst-18px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}

.inter-normal-cloud-burst-16px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}

.inter-light-hunter-green-14px {
  color: var(--hunter-green);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.inter-normal-cloud-burst-12px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.inter-light-white-14px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 300;
}

.inter-bold-white-14px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-cloud-burst-24px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 700;
}

.inter-bold-azure-radiance-24px {
  color: var(--azure-radiance);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.inter-semi-bold-azure-radiance-14px {
  color: var(--primary);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

.inter-medium-cloud-burst-48px {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 500;
}

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

.inter-light-white-26px {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
}
