/* root theming */
:root {
  --color-primary: #08312a;
  --color-primary-dark: #051d19;
  --color-primary-light: #08312a;
  --color-primary-lightest: #ffffff;
  --color-secondary: #00e47c;
  --color-secondary-dark: #00904f;
  --color-secondary-light: #66efb0;
  --color-secondary-lightest: #00e47c;
  --color-interaction: #00e47c;
  --color-interaction-dark: #2e2d2c;
  --color-grey: #2e2d2c;
  --color-grey-80: #5c5b59;
  --color-grey-60: #e5e3df;
  --color-grey-40: #efeeeb;
  --color-grey-20: #f6f5f3;
  --color-warm-gray: #e5e3de;
  --color-white: #ffffff;
  /* not changed */
  --color-black: #000;
  --color-light: #fff;
  --color-lightest: #f5faff;
  --color-white-pale: #2a547b;
  --color-white-pale-text: #a3b5c7;
  --main-voilet: #cac7f3;
  --medium-voilet: #9993e7;
  /* end of not changed */
  --color-error: #f62b2b;
  --color-alert: #ff8413;
  --color-success: #1ead1b;
  --color-info: #0075ff;
  /* not changed */
  --color-error-bg: #fdebeb;
  --color-alert-bg: #fff8e0;
  --color-success-bg: #e1fee6;
  --color-info-bg: #eaf7fd;
  --text-align-center: center;
  --text-align-right: right;
  --text-align-left: left;
  --border-radius-primary: 200px;
  --border-radius-secondary: 4px;
  --border-radius-tertiary: 2px;
  --border-radius-circle: 100%;
  /* end of not changed */
  --font-family-heading: "Boehringer HeadLine", sans-serif;
  --font-family-body: "Boehringer Text", sans-serif;
  --font-family-lead: "Boehringer Text", sans-serif;
}

/* fonts  */
@font-face {
  font-family: "Boehringer HeadLine";
  src: url(fonts/BoehringerForwardHead.otf);
  font-display: swap;
  font-weight: bold;
}
@font-face {
  font-family: "Boehringer Text";
  src: url(fonts/BoehringerForwardText.otf);
  font-display: swap;
  font-weight: normal;
}
* {
  font-family: "Boehringer Text", sans-serif;
}