@font-face {
        font-family: 'Figtree';
        src: url('https://hdp-ca-prod-app-olds-engage-files.s3.ca-central-1.amazonaws.com/fonts/Figtree-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Figtree';
        src: url('https://hdp-ca-prod-app-olds-engage-files.s3.ca-central-1.amazonaws.com/fonts/Figtree-BoldItalic.ttf') format('truetype');
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Figtree';
        src: url('https://hdp-ca-prod-app-olds-engage-files.s3.ca-central-1.amazonaws.com/fonts/Figtree-Italic.ttf') format('truetype');
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Figtree';
        src: url('https://hdp-ca-prod-app-olds-engage-files.s3.ca-central-1.amazonaws.com/fonts/Figtree-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Figtree';
        src: url('https://hdp-ca-prod-app-olds-engage-files.s3.ca-central-1.amazonaws.com/fonts/Figtree-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Figtree';
        src: url('https://hdp-ca-prod-app-olds-engage-files.s3.ca-central-1.amazonaws.com/fonts/Figtree-SemiBoldItalic.ttf') format('truetype');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }
    
:root, :host {
--main-color: #58595b;
--main-color-600: #4b4c4e;
--main-color-700: #3e3f41;
--main-color-h: 220;
--main-color-s: 2%;
--main-color-l: 35%;
--secondary-color: #737778;
--secondary-color-600: #666a6b;
--secondary-color-700: #5a5d5e;
--secondary-color-h: 192;
--secondary-color-s: 2%;
--secondary-color-l: 46%;
--accent-color: #009DDB;
--accent-color-600: #008bc2;
--accent-color-700: #0079a8;
--accent-color-h: 197;
--accent-color-s: 100%;
--accent-color-l: 43%;
--button-color: #077DAB;
--button-color-600: #066b93;
--button-color-700: #05597a;
--button-color-h: 197;
--button-color-s: 92%;
--button-color-l: 35%;
--type-color: #58595b;
--link-color: #58595b;
--link-hover-color: #252627;
--link-decoration: underline;
--link-color-h: 220;
--link-color-s: 2%;
--link-color-l: 35%;
--heading-color: #58595b;
--font-body-base-size: 16px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: Figtree, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Figtree, Helvetica, Arial, sans-serif;
--heading-font-weight: 700;
--heading-font-weight-bold: 700;
--heading-font-style: normal;
--border-radius-base: 4px;
}