@font-face {
        font-family: 'Aptos';
        src: url('https://hdp-us-prod-app-swlap-greatergreenways-files.s3.us-west-2.amazonaws.com/fonts/Aptos.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Aptos';
        src: url('https://hdp-us-prod-app-swlap-greatergreenways-files.s3.us-west-2.amazonaws.com/fonts/Aptos-Black.ttf') format('truetype');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Aptos';
        src: url('https://hdp-us-prod-app-swlap-greatergreenways-files.s3.us-west-2.amazonaws.com/fonts/Aptos-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Aptos';
        src: url('https://hdp-us-prod-app-swlap-greatergreenways-files.s3.us-west-2.amazonaws.com/fonts/Aptos-Display.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Aptos';
        src: url('https://hdp-us-prod-app-swlap-greatergreenways-files.s3.us-west-2.amazonaws.com/fonts/Aptos-Display-Bold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Aptos';
        src: url('https://hdp-us-prod-app-swlap-greatergreenways-files.s3.us-west-2.amazonaws.com/fonts/Aptos-ExtraBold.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }
    
:root, :host {
--main-color: #255c44;
--main-color-600: #1d4936;
--main-color-700: #163728;
--main-color-h: 154;
--main-color-s: 43%;
--main-color-l: 25%;
--secondary-color: #163d8d;
--secondary-color-600: #133477;
--secondary-color-700: #0f2a61;
--secondary-color-h: 220;
--secondary-color-s: 73%;
--secondary-color-l: 32%;
--accent-color: #7ba315;
--accent-color-600: #698c12;
--accent-color-700: #58750f;
--accent-color-h: 77;
--accent-color-s: 77%;
--accent-color-l: 36%;
--button-color: #163d8d;
--button-color-600: #133477;
--button-color-700: #0f2a61;
--button-color-h: 220;
--button-color-s: 73%;
--button-color-l: 32%;
--type-color: #0C153A;
--link-color: #163d8d;
--link-hover-color: #081735;
--link-decoration: none;
--link-color-h: 220;
--link-color-s: 73%;
--link-color-l: 32%;
--heading-color: #255c44;
--font-body-base-size: 17px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: Aptos, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Aptos, Helvetica, Arial, sans-serif;
--heading-font-weight: 600;
--heading-font-weight-bold: 800;
--heading-font-style: normal;
--border-radius-base: 4px;
}