:root, :host {
--main-color: #244C5A;
--main-color-600: #1d3d49;
--main-color-700: #162e37;
--main-color-h: 196;
--main-color-s: 43%;
--main-color-l: 25%;
--secondary-color: #55C3B7;
--secondary-color-600: #42bdae;
--secondary-color-700: #3caa9d;
--secondary-color-h: 173;
--secondary-color-s: 48%;
--secondary-color-l: 55%;
--accent-color: #A0D8D1;
--accent-color-600: #8fd1c9;
--accent-color-700: #7dcac1;
--accent-color-h: 173;
--accent-color-s: 42%;
--accent-color-l: 74%;
--button-color: #244C5A;
--button-color-600: #1d3d49;
--button-color-700: #162e37;
--button-color-h: 196;
--button-color-s: 43%;
--button-color-l: 25%;
--type-color: #333333;
--link-color: #55C3B7;
--link-hover-color: #2e847a;
--link-decoration: none;
--link-color-h: 173;
--link-color-s: 48%;
--link-color-l: 55%;
--heading-color: #244C5A;
--font-body-base-size: 17px;
--font-weight-normal: 400;
--font-weight-semi-bold: 500;
--font-weight-bold: 600;
--body-font-family: franklin-gothic-atf, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: franklin-gothic-atf, Helvetica, Arial, sans-serif;
--heading-font-weight: 700;
--heading-font-weight-bold: 700;
--heading-font-style: normal;
--border-radius-base: 4px;
}