:root {
  --yellow: rgba(252, 196, 6, 1);
  --light-blue: rgba(0, 109, 191, 1);
  --white: rgba(255, 255, 255, 1);
  --black: rgba(8, 30, 42, 1);
  --text-colortext-500: rgba(1, 18, 34, 1);
  --gray-900: rgba(24, 24, 27, 1);
  --primary-colorprimary-500: rgba(2, 9, 32, 1);
  --text-colortext-400: rgba(46, 62, 78, 1);
  --background-colorwhite: rgba(255, 255, 255, 1);
  --basewhite: rgba(255, 255, 255, 1);

  --semi-bold-16px-font-family: "Poppins", Helvetica;
  --semi-bold-16px-font-weight: 500;
  --semi-bold-16px-font-size: 16px;
  --semi-bold-16px-letter-spacing: 0px;
  --semi-bold-16px-line-height: 24px;
  --semi-bold-16px-font-style: normal;

  --typography-heading-56-h3-bold-font-family: "Cabinet Grotesk", Helvetica;
  --typography-heading-56-h3-bold-font-weight: 700;
  --typography-heading-56-h3-bold-font-size: 56px;
  --typography-heading-56-h3-bold-letter-spacing: 0px;
  --typography-heading-56-h3-bold-line-height: 72px;
  --typography-heading-56-h3-bold-font-style: normal;

  --bold-16px-font-family: "Poppins", Helvetica;
  --bold-16px-font-weight: 600;
  --bold-16px-font-size: 16px;
  --bold-16px-letter-spacing: -0.20000000298023224px;
  --bold-16px-line-height: 28px;
  --bold-16px-font-style: normal;
}