:root, :host {
--main-color: #003D4C;
--main-color-600: #002933;
--main-color-700: #00141a;
--main-color-h: 192;
--main-color-s: 100%;
--main-color-l: 15%;
--secondary-color: #003D4C;
--secondary-color-600: #002933;
--secondary-color-700: #00141a;
--secondary-color-h: 192;
--secondary-color-s: 100%;
--secondary-color-l: 15%;
--accent-color: #2CA2B5;
--accent-color-600: #2790a0;
--accent-color-700: #227d8c;
--accent-color-h: 188;
--accent-color-s: 61%;
--accent-color-l: 44%;
--button-color: #003D4C;
--button-color-600: #002933;
--button-color-700: #00141a;
--button-color-h: 192;
--button-color-s: 100%;
--button-color-l: 15%;
--type-color: #1A1A1A;
--link-color: #238190;
--link-hover-color: #0f373e;
--link-decoration: underline;
--link-color-h: 188;
--link-color-s: 61%;
--link-color-l: 35%;
--heading-color: #003D4C;
--font-body-base-size: 16px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: Roboto, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Roboto, Helvetica, Arial, sans-serif;
--heading-font-weight: 700;
--heading-font-weight-bold: 700;
--heading-font-style: normal;
--border-radius-base: 0;
--brand-yellow: #E8EB6F;
--polaroid-color: var(--brand-light-blue);
--nav-search-icon: var(--brand-yellow);
--brand-light-blue: #71D6E0;
--footer-cta-color: var(--brand-light-blue);
--nav-toggle-color: var(--brand-yellow);
--image-banner-color: var(--brand-yellow);
--nav-underline-color: var(--brand-light-blue);
--nav-toggle-bar-color: var(--main-color);
--footer-cta-text-color: var(--type-color);
--timeline-active-color: var(--main-color);
--timeline-complete-color: var(--main-color);
--timeline-active-color-bg: var(--brand-yellow);
--timeline-complete-color-bg: var(--brand-light-blue);
--nav-search-overlay-btn-color: var(--brand-yellow);
--nav-search-overlay-btn-icon-color: var(--main-color);
--nav-search-overlay-btn-hover-color: #D8DB5F;
}