@font-face {
        font-family: 'AvenirLTStd';
        src: url('https://hdp-au-prod-app-iuih-yarn-files.s3.ap-southeast-2.amazonaws.com/fonts/AvenirLTStd-Book.otf') format('opentype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'AvenirLTStd';
        src: url('https://hdp-au-prod-app-iuih-yarn-files.s3.ap-southeast-2.amazonaws.com/fonts/AvenirLTStd-BookOblique.otf') format('opentype');
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'AvenirLTStd';
        src: url('https://hdp-au-prod-app-iuih-yarn-files.s3.ap-southeast-2.amazonaws.com/fonts/AvenirLTStd-Heavy.otf') format('opentype');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'AvenirLTStd';
        src: url('https://hdp-au-prod-app-iuih-yarn-files.s3.ap-southeast-2.amazonaws.com/fonts/AvenirLTStd-HeavyOblique.otf') format('opentype');
        font-weight: 800;
        font-style: italic;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'AvenirLTStd';
        src: url('https://hdp-au-prod-app-iuih-yarn-files.s3.ap-southeast-2.amazonaws.com/fonts/AvenirLTStd-Light.otf') format('opentype');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'AvenirLTStd';
        src: url('https://hdp-au-prod-app-iuih-yarn-files.s3.ap-southeast-2.amazonaws.com/fonts/AvenirLTStd-LightOblique.otf') format('opentype');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }
    
:root, :host {
--main-color: #645C5B;
--main-color-600: #564e4e;
--main-color-700: #484241;
--main-color-h: 7;
--main-color-s: 5%;
--main-color-l: 37%;
--secondary-color: #A56749;
--secondary-color-600: #955d41;
--secondary-color-700: #83523a;
--secondary-color-h: 20;
--secondary-color-s: 39%;
--secondary-color-l: 47%;
--accent-color: #7D8C78;
--accent-color-600: #717f6c;
--accent-color-700: #647160;
--accent-color-h: 105;
--accent-color-s: 8%;
--accent-color-l: 51%;
--button-color: #7C7385;
--button-color-600: #706878;
--button-color-700: #635c6a;
--button-color-h: 270;
--button-color-s: 7%;
--button-color-l: 49%;
--type-color: #414142;
--link-color: #A56749;
--link-hover-color: #603c2a;
--link-decoration: none;
--link-color-h: 20;
--link-color-s: 39%;
--link-color-l: 47%;
--heading-color: #A56749;
--font-body-base-size: 16px;
--font-weight-normal: 300;
--font-weight-semi-bold: 400;
--font-weight-bold: 800;
--body-font-family: AvenirLTStd, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: "museo", Helvetica, Arial, sans-serif;
--heading-font-weight: 700;
--heading-font-weight-bold: 600;
--heading-font-style: normal;
--border-radius-base: 4px;
--tertiary-color: #E7B259;
--nav-font-weight: 400;
--border-radius-base: 10px;
--card-border-radius: 16px;
--nav-underline-color: var(--tertiary-color);
--nav-logo-height-mobile: 5rem;
--nav-logo-height-tablet: 6rem;
--nav-logo-height-desktop: 7rem;
--footer-acknowledgement-color: var(--tertiary-color);
--footer-acknowledgement-text-color: var(--type-color);
}