:root, :host {
--main-color: #232323;
--main-color-600: #161616;
--main-color-700: #0a0a0a;
--main-color-h: 0;
--main-color-s: 0%;
--main-color-l: 14%;
--secondary-color: #5E3327;
--secondary-color-600: #4c2920;
--secondary-color-700: #3a1f18;
--secondary-color-h: 13;
--secondary-color-s: 41%;
--secondary-color-l: 26%;
--accent-color: #EA7200;
--accent-color-600: #d16500;
--accent-color-700: #b85900;
--accent-color-h: 29;
--accent-color-s: 100%;
--accent-color-l: 46%;
--button-color: #5E3327;
--button-color-600: #4c2920;
--button-color-700: #3a1f18;
--button-color-h: 13;
--button-color-s: 41%;
--button-color-l: 26%;
--type-color: #232323;
--link-color: #5E3327;
--link-hover-color: #160c09;
--link-decoration: none;
--link-color-h: 13;
--link-color-s: 41%;
--link-color-l: 26%;
--heading-color: #232323;
--font-body-base-size: 16px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: 'Open Sans', Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Poppins, Helvetica, Arial, sans-serif;
--heading-font-weight: 600;
--heading-font-weight-bold: 600;
--heading-font-style: normal;
--border-radius-base: 8px;
--btn-border-radius: 50px;
--brand-yellow: #FFB819;
--footer-color: var(--type-color);
--nav-split-color: var(--brand-yellow);
--footer-cta-color: var(--brand-yellow);
--nav-mobile-color: var(--brand-yellow);
--nav-toggle-color: var(--brand-yellow);
--image-banner-color: var(--brand-yellow);
--nav-split-color-bg: var(--type-color);
--post-it-note-color: var(--brand-yellow);
--footer-bottom-color: #121212;
--nav-mobile-bg-color: var(--type-color);
--nav-toggle-bar-color: var(--type-color);
--footer-cta-text-color: var(--type-color);
--image-banner-color-bg: var(--type-color);
--timeline-active-color: var(--type-color);
--image-banner-color-desc: var(--type-color);
--timeline-complete-color: var(--type-color);
--timeline-active-color-bg: var(--accent-color);
--nav-split-underline-color: var(--brand-yellow);
--nav-split-search-btn-color: var(--brand-yellow);
--timeline-complete-color-bg: var(--brand-yellow);
--nav-split-btn-bg-hover-color: var(--accent-color);
--nav-split-search-btn-icon-color: var(--type-color);
}