:root { 
  --black: #000000;
  --chilean-fire: #fc7605;
  --dove-gray: #707070;
  --heat-wave: #fc7300;
  --heat-wave-2: #fc7300fa;
  --mist-gray: #c4c4c4;
  --white: #ffffff;
 
  --font-size-l: 46px;
  --font-size-m: 40px;
  --font-size-s: 35px;
  --font-size-xl: 60px;
  --font-size-xs: 25px;
  --font-size-xxl: 70px;
  --font-size-xxs: 20px;
 
  --font-family-roboto: "Roboto", Helvetica;
  --font-family-segoe_ui: "Segoe UI", Helvetica;
  --font-family-segoeui-bold: "SegoeUI-Bold", Helvetica;
  --font-family-segoeui-regular: "SegoeUI-Regular", Helvetica;
}
.roboto-bold-black-40px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

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

.roboto-black-black-60px {
  color: var(--black);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.roboto-black-heat-wave-60px {
  color: var(--heat-wave-2);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.roboto-black-white-60px {
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 900;
}

.segoeui-regular-normal-dove-gray-25px {
  color: var(--dove-gray);
  font-family: var(--font-family-segoeui-regular);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
}