:root, :host {
--main-color: #161642;
--main-color-600: #0f0f2e;
--main-color-700: #09091b;
--main-color-h: 240;
--main-color-s: 50%;
--main-color-l: 17%;
--secondary-color: #018093;
--secondary-color-600: #016a7a;
--secondary-color-700: #005460;
--secondary-color-h: 188;
--secondary-color-s: 99%;
--secondary-color-l: 29%;
--accent-color: #4f449b;
--accent-color-600: #473d8a;
--accent-color-700: #3e3579;
--accent-color-h: 248;
--accent-color-s: 39%;
--accent-color-l: 44%;
--button-color: #161642;
--button-color-600: #0f0f2e;
--button-color-700: #09091b;
--button-color-h: 240;
--button-color-s: 50%;
--button-color-l: 17%;
--type-color: #454568;
--link-color: #018093;
--link-hover-color: #00282e;
--link-decoration: underline;
--link-color-h: 188;
--link-color-s: 99%;
--link-color-l: 29%;
--heading-color: #161642;
--font-body-base-size: 16px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: Manrope, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Manrope, Helvetica, Arial, sans-serif;
--heading-font-weight: 700;
--heading-font-weight-bold: 700;
--heading-font-style: normal;
--border-radius-base: 4px;
--footer-color: var(--tertiary-color);
--tertiary-color: #ececf0;
--footer-text-color: var(--heading-color);
--image-banner-color: var(--heading-color);
--image-banner-color-bg: var(--tertiary-color);
}