@font-face {
        font-family: 'HelveticaNeue';
        src: url('https://hdp-ca-prod-app-wfn-letsgather-files.s3.ca-central-1.amazonaws.com/fonts/HelveticaNeueLTStd%20Lt.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'HelveticaNeue';
        src: url('https://hdp-ca-prod-app-wfn-letsgather-files.s3.ca-central-1.amazonaws.com/fonts/HelveticaNeueLTStd-BdCn.woff') format('woff');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'HelveticaNeue CN';
        src: url('https://hdp-ca-prod-app-wfn-letsgather-files.s3.ca-central-1.amazonaws.com/fonts/HelveticaNeueLTStd-Cn.woff') format('woff');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'HelveticaNeue CN';
        src: url('https://hdp-ca-prod-app-wfn-letsgather-files.s3.ca-central-1.amazonaws.com/fonts/HelveticaNeueLTStd-LtCn.woff') format('woff');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
:root, :host {
--main-color: #474C54;
--main-color-600: #3b3f45;
--main-color-700: #2f3237;
--main-color-h: 217;
--main-color-s: 8%;
--main-color-l: 30%;
--secondary-color: #E81C11;
--secondary-color-600: #d11910;
--secondary-color-700: #b9160e;
--secondary-color-h: 3;
--secondary-color-s: 86%;
--secondary-color-l: 49%;
--accent-color: #417B9A;
--accent-color-600: #396d89;
--accent-color-700: #325f77;
--accent-color-h: 201;
--accent-color-s: 41%;
--accent-color-l: 43%;
--button-color: #E81C11;
--button-color-600: #d11910;
--button-color-700: #b9160e;
--button-color-h: 3;
--button-color-s: 86%;
--button-color-l: 49%;
--type-color: #1A1A1A;
--link-color: #417B9A;
--link-hover-color: #234253;
--link-decoration: underline;
--link-color-h: 201;
--link-color-s: 41%;
--link-color-l: 43%;
--heading-color: #417B9A;
--font-body-base-size: 17px;
--font-weight-normal: 300;
--font-weight-semi-bold: 700;
--font-weight-bold: 700;
--body-font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
--heading-font-weight: 700;
--heading-font-weight-bold: 700;
--heading-font-style: normal;
--border-radius-base: 4px;
--nav-logo-height-mobile: 6rem;
--nav-logo-height-tablet: 7rem;
--nav-logo-height-desktop: 8rem;
}