@font-face {
        font-family: 'Memoir';
        src: url('https://hdp-us-prod-app-spp-demo-files.s3.us-west-2.amazonaws.com/fonts/Memoir.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'ABCOtto';
        src: url('https://hdp-us-prod-app-spp-demo-files.s3.us-west-2.amazonaws.com/fonts/ABCOtto-Regular.woff2') format('woff2');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
:root, :host {
--main-color: #072B2D;
--main-color-600: #031516;
--main-color-700: #000000;
--main-color-h: 183;
--main-color-s: 73%;
--main-color-l: 10%;
--secondary-color: #072B2D;
--secondary-color-600: #031516;
--secondary-color-700: #000000;
--secondary-color-h: 183;
--secondary-color-s: 73%;
--secondary-color-l: 10%;
--accent-color: #11A3AC;
--accent-color-600: #0f8e95;
--accent-color-700: #0c787d;
--accent-color-h: 183;
--accent-color-s: 82%;
--accent-color-l: 37%;
--button-color: #072B2D;
--button-color-600: #031516;
--button-color-700: #000000;
--button-color-h: 183;
--button-color-s: 73%;
--button-color-l: 10%;
--type-color: #1E1E1E;
--link-color: #0a7ac4;
--link-hover-color: #053c61;
--link-decoration: underline;
--link-color-h: 204;
--link-color-s: 90%;
--link-color-l: 40%;
--heading-color: #072B2D;
--font-body-base-size: 17px;
--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: ABCOtto, Helvetica, Arial, sans-serif;
--heading-font-weight: 400;
--heading-font-weight-bold: 400;
--heading-font-style: normal;
--border-radius-base: 0;
--card-color-bg: var(--tertiary-color-beige);
--nav-font-family: var(--body-font-family);
--nav-search-icon: var(--accent-color);
--footer-cta-color: var(--tertiary-color-blue);
--card-border-width: 0px;
--card-color-overlay: hsl(191, 65%, 62%, 80%);
--image-banner-color: var(--tertiary-color-blue);
--video-banner-color: var(--tertiary-color-beige);
--footer-bottom-color: var(--type-color);
--h1-type-font-family: Memoir, serif;
--tertiary-color-blue: #5EC5DD;
--tertiary-color-beige: #FFF6E9;
--footer-cta-text-color: var(--main-color);
--card-footer-link-color: var(--main-color);
--video-banner-color-desc: var(--tertiary-color-beige);
--video-banner-text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8), 0px 0px 20px rgba(0, 0, 0, 0.5);
--tertiary-color-blue-hover: #3DBAD6;
--nav-search-overlay-btn-color: var(--tertiary-color-beige);
--nav-separate-search-btn-icon: var(--main-color);
--nav-separate-search-btn-color: var(--tertiary-color-blue);
--nav-search-overlay-btn-icon-color: var(--main-color);
--nav-search-overlay-btn-hover-color: var(--tertiary-color-blue);
--nav-separate-search-btn-hover-color: var(--tertiary-color-blue-hover);
}