:root { 
    --navigator-black: #212529;
    --navigator-white: #FFFFFF;
  --navigator-primary: #005175;
  --navigator-secondary: #003146;
  --navigator-accent-soft: #74A1BE;
  --navigator-accent-bright: #E2E319;
  --navigator-danger: #DB2B39;
  --navigator-warning: #FFD600;
  --navigator-success: #198754;
  --navigator-grey-200: #F4F4F4;
  --navigator-grey-300: #EEEEEE;
  --navigator-grey-400: #E9E9E9;
  --navigator-grey-500: #E3E3E3;
  --navigator-grey-600: #C5C5C5;
  --navigator-grey-700: #A8A8A8;
  --navigator-grey-800: #8A8A8A;
  --navigator-grey-900: #6D6D6D;
 
  --font-size-l: 32px;
  --font-size-m: 28px;
  --font-size-s: 22px;
  --font-size-xl: 40px;
  --font-size-xs: 16px;
  --font-size-xxs: 15px;
  --font-size-xxxs: 10px;

  --h1-font-size: 48px;
  --h2-font-size: 40px;
  --h3-font-size: 32px;
  --h4-font-size: 24px;
  --h5-font-size: 18px;
  --h6-font-size: 16px;
 
  --font-family-montserrat: "Montserrat", Helvetica;
}
.montserrat-semi-bold-white-22px {
  color: var(--navigator-white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 600;
}

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

.montserrat-semi-bold-white-40px {
  color: var(--navigator-white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 600;
}

.montserrat-semi-bold-primary-16px {
  color: var(--navigator-primary);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 600;
}