:root, :host {
--main-color: #AD85BC;
--main-color-600: #a275b3;
--main-color-700: #9764aa;
--main-color-h: 284;
--main-color-s: 29%;
--main-color-l: 63%;
--secondary-color: #313743;
--secondary-color-600: #272b35;
--secondary-color-700: #1c1f26;
--secondary-color-h: 220;
--secondary-color-s: 16%;
--secondary-color-l: 23%;
--accent-color: #1352A4;
--accent-color-600: #11478d;
--accent-color-700: #0e3b77;
--accent-color-h: 214;
--accent-color-s: 79%;
--accent-color-l: 36%;
--button-color: #313743;
--button-color-600: #272b35;
--button-color-700: #1c1f26;
--button-color-h: 220;
--button-color-s: 16%;
--button-color-l: 23%;
--type-color: #0C153A;
--link-color: #313743;
--link-hover-color: #060709;
--link-decoration: none;
--link-color-h: 220;
--link-color-s: 16%;
--link-color-l: 23%;
--heading-color: #AD85BC;
--font-body-base-size: 17px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: 'DM Sans', Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: 'DM Sans', Helvetica, Arial, sans-serif;
--heading-font-weight: 800;
--heading-font-weight-bold: 900;
--heading-font-style: normal;
--border-radius-base: 4px;
}