:root {

    /* ----------------------------- */
    /* ?COLORS                       */
    /* ----------------------------- */

    /* ##Primary */
    --color-accent-primary: #002b56;
    --color-accent-primary-50: #8095aa;
    --color-accent-primary-dark: #005f67;
    --color-accent-primary-darker: #00484d;

    /* ##Secondary */
    --color-accent-secondary: #0db6cf;
    --color-accent-secondary-50: #86dae7;

    /* ##Tertiary */
    --color-accent-tertiary: #ee964b;
    --color-accent-tertiary-50: #f6caa5;

    /* ##Accents */
    --color-accent-1: #087585;
    --color-accent-2: #0b96aa;
    --color-accent-3: #707070;

    /* ##Common */
    --color-black: #000000;
    --color-white: #ffffff;
    --color-neutral: #f4f4f4;
    --color-border: #dfdfdf;
    --color-overlay: #000000;
    --overlay-opacity: 0.6;
    --overlay-opacity-light: 0.8;
    --overlay-opacity-lighter: 0.3;
    --overlay-opacity-darker: 0.75;

    /* ##Headings */
    --color-h1: #002b56;
    --color-h2: #002b56;
    --color-h3: #002b56;
    --color-h-sub: #002b56;

    /* ##Body */
    --color-text: #000000;
    --color-text-darkbg: #ffffff;

    /* ----------------------------- */
    /* ?TYPOGRAPHY                   */
    /* ----------------------------- */

    /* ##Fonts */
    --font-stack-primary: 'Helvetica Neue', serif;
    --font-stack-secondary: 'Helvetica Neue', sans-serif;
    --font-stack-charts: 'Mulish', sans-serif;

    /* ##H1 */
    --h1-size: 70px;
    --h1-font-weight: 700;
    --h1-mobile-size: 30px;

    /* ##H2 */
    --h2-size: 48px;
    --h2-font-weight: 700;
    --h2-separation-distance: 50px;
    --h2-mobile-size: 26px;

    /* ##H3 */
    --h3-size: 33px;
    --h3-font-weight: 700;
    --h3-mobile-size: 22px;

    /* ##H4 */
    --h4-size: 20px;
    --h4-font-weight: 700;
    --h4-mobile-size: 18px;

    /* ##H5 */
    --h5-size: 16px;
    --h5-font-weight: 700;
    --h5-mobile-size: 14px;

    /* ##H6 */
    --h6-size: 14px;
    --h6-font-weight: 500;
    --h6-mobile-size: 12px;

    /* ##Body Styles */
    --large-body: 20px;
    --large-weight: 400;
    --large-height: 1.6;

    --medium-body: 18px;
    --medium-weight: 400;
    --medium-height: 1.5;

    --small-body: 16px;
    --small-weight: 400;
    --small-height: 1.5;

    --x-small-body: 14px;
    --x-small-weight: 400;
    --x-small-height: 1.5;

    /* ##Date and Time Styles */
    --date-time-size: 16px;
    --date-time-weight: 400;
    --date-time-font-family: 'Helvetica Neue';
    --date-time-color: #000000;
    --date-time-transform: none;

    /* ##Footnote Styles */
    --footnote-size: 14px;
    --footnote-weight: 400;
    --footnote-font-family: 'Helvetica Neue';
    --footnote-color: #000000;

    /* ##Metric Styles */
    --metric-small: 48px;
    --metric-xsmall: 32px;

    /* ----------------------------- */
    /* ?LINKS                        */
    /* ----------------------------- */

    /* ##Button Default */
    --button-background: #0bd6cf;
    --button-border-width: 0px;
    --button-border-color: #002b56;
    --button-border-radius: 0px;
    --button-color: #002b56;
    --button-font-size: 16px;
    --button-font-weight: 700;
    --button-font-family: 'Helvetica Neue';
    --button-padding-tb: 12px;
    --button-padding-lr: 15px;
    --button-letter-spacing: 0;
    --button-icon-size: 24px;
    --button-icon-weight: normal;

    /* ##Button Default Hover */
    --button-hover-color: #ffffff;
    --button-hover-background: #002b56;
    --button-hover-border-width: 0px;
    --button-hover-border-color: #002b56;

    /* ##Dark */
    --button-dark-background: #ee964b;
    --button-dark-border-width: 0px;
    --button-dark-border-color: #ffffff;
    --button-dark-color: #002b56;

    /* ##Dark Hover */
    --button-dark-hover-background: #ffffff;
    --button-dark-hover-border-width: 0px;
    --button-dark-hover-border-color: #ffffff;
    --button-dark-hover-color: #002b56;

    /* ##Block Links Default */
    --block-link-font-family: 'Helvetica Neue';
    --block-link-font-size: 16px;
    --block-link-font-weight: 500;
    --block-link-color: #002b56;
    --block-link-arrow-color: #002b56;

    /* ##Block Links Hover */
    --block-link-hover-color: #002b56;
    --block-link-hover-arrow-color: #002b56;

    /* ##Block Links Dark */
    --block-link-dark-color: #ee964b;
    --block-link-dark-arrow-color: #ee964b;

    /* ##Block Links Dark Hover */
    --block-link-dark-hover-color: #ee964b;
    --block-link-dark-hover-arrow-color: #ffffff;

    /* ##Text Links Default */
    --color-link: #002b56;

    /* ##Text Links Hover */
    --color-link-hover: #002b56;

    /* ##Text Links Dark */
    --color-link-darkbg: #ffffff;

    /* ##Text Links Dark Hover */
    --color-link-darkbg-hover: #ffffff;

    /* ##Text Links Paragraph Hover */
    --color-link-text-hover: #000000;

    /* ##Text Links Paragraph Hover Dark */
    --color-link-darkbg-text-hover: #ffffff;

    /* ----------------------------- */
    /* ?TABLES                       */
    /* ----------------------------- */

    /* ##Table Headings */
    --table-heading-background: #dbe1e9;
    --table-heading-padding-tb: 18px;
    --table-heading-padding-lr: 10px;
    --table-heading-size: 14px;
    --table-heading-font-weight: 700;
    --table-heading-color: #002b56;
    --table-heading-text-transform: uppercase;

    /* ##Table Data */
    --table-data-background: #ffffff;
    --table-data-padding: 20px;
    --table-data-size: 15px;
    --table-data-color: #002B56;

    /* ##Table Alternates */
    --table-data-alternate-background: #f4f4f4;
    --table-data-neutral-background: #f4f4f4;
    --table-data-alternate-link-color: #002B56;
    --table-data-alternate-link-hover-color: #002B56;

    /* ----------------------------- */
    /* ?GENERAL                      */
    /* ----------------------------- */
    --body-top-padding: 130px;
    --body-font-size: 18px;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --main-content-margin-tb: 75px;
    --main-content-margin-lr: 0;
    --main-content-margin-mobile-tb: 75px;
    --main-content-margin-mobile-lr: 0;

    /* ----------------------------- */
    /* ?HEADER                       */
    /* ----------------------------- */

    /* ##Zero Nav */
    --zero-nav-background-color: #DBE1E9;
    --zero-nav-padding-top: 9px;
    --zero-nav-padding-right: 99px;
    --zero-nav-padding-bottom: 9px;
    --zero-nav-padding-left: 99px;
    --zero-nav-color: #002b56;
    --zero-nav-active-color: #002b56;

    /* ##Main Background */
    --header-bg: #ffffff;
    --header-bg-affixed: #ffffff;

    /* ##Main Font */
    --nav-font-family: 'Helvetica Neue';
    --nav-font-size: 16px;
    --nav-font-weight: 400;
    --nav-text-transform: none;
    --nav-color: #002b56;
    --nav-color-hover: #002b56;
    --nav-color-active: #002b56;
    --nav-accent-color: #002b56;

    /* ##Main Spacing */
    --main-menu-top-position: 14.5px;
    --nav-padding-top: 9px;
    --nav-padding-right: 23px;
    --nav-padding-bottom: 31px;
    --nav-padding-left: 6px;
    --nav-inline-padding: 6px;
    --nav-inline-padding-end: 23px;
    --nav-inline-padding-lg: 6px;
    --nav-inline-padding-lg-end: 26px;
    --nav-accent-bottom-position: 20px;

    /* ##Main Dropdown */
    --nav-dropdown-top-position: 49px;
    --nav-dropdown-bg: #ffffff;
    --nav-dropdown-font-weight: 400;
    --nav-dropdown-font-size: 16px;
    --nav-dropdown-text-transform: none;
    --nav-dropdown-color: #002b56;
    --nav-dropdown-color-hover: #002b56;
    --nav-dropdown-hover-background-color: #f5f5f5;
    --nav-dropdown-shadow: 0px 5px 10px 0px #939393;

    /* ##Main Mobile */
    --nav-mobile-font-size: 12px;
    --nav-mobile-padding-top: 0;
    --nav-mobile-padding-right: 15px;
    --nav-mobile-padding-bottom: 31px;
    --nav-mobile-padding-left: 15px;
    --nav-color-mobile: #002b56;
    --mobile-trigger-top-position: 2.5px;
    --mobile-trigger-color: #ffffff;
    --mobile-trigger-background-color: var(--color-accent-primary);

    /* ----------------------------- */
    /* ?SUB NAVIGATION               */
    /* ----------------------------- */
    --sub-nav-top-position: 109px; 
    --sub-nav-background: #dbe1e9;
    --sub-nav-link-font-size: 16px;
    --sub-nav-link-font-family: 'Helvetica Neue';
    --sub-nav-link-color: #002b56;
    --sub-nav-link-hover-background: rgba(0, 0, 0, 0);
    --sub-nav-active-link-color: #002b56;
    --sub-nav-link-font-weight: 600;
    --sub-nav-link-text-transform: none;

    /* ##Mobile Sub Navigation Title */
    --sub-nav-section-title-text-transform: uppercase;
    --sub-nav-section-title-font-size: 16px;
    --sub-nav-section-title-font-weight: 600;
    --sub-nav-section-title-font-color: #fff;

    /* ----------------------------- */
    /* ?TERTIARY NAVIGATION          */
    /* ----------------------------- */

    /* ##Mobile Tertiary Nav Title */
    --tertiary-nav-margin-top: 60px;
    --tertiary-nav-title-font-size: 18px;
    --tertiary-nav-title-font-weight: 700;

    /* ##Mobile Tertiary Nav Links */
    --tertiary-nav-link-color: var(--color-text);
    --tertiary-nav-link-color-hover: var(--color-accent-primary);
    --tertiary-nav-link-color-active: var(--color-accent-primary);
    --tertiary-nav-link-font-size: 16px;
    --tertiary-nav-link-font-weight: 400;
    --tertiary-nav-link-padding-tb: 10px;
    --tertiary-nav-link-padding-lr: 0;

    /* ----------------------------- */
    /* ?QUICK LINKS                  */
    /* ----------------------------- */
    --quick-links-background: #ffffff;
    --quick-links-padding-tb: 14px;
    --quick-links-padding-lr: 10px;
    --quick-links-font-size: 16px;
    --quick-links-font-weight: 700;
    --quick-links-font-family: 'Helvetica Neue';
    --quick-links-color: #002b56;
    --quick-links-color-hover: #002b56;
    --quick-links-icon-size: 16px;
    --quick-links-icon-color: #002b56;

    /* ----------------------------- */
    /* ?FOOTER                       */
    /* ----------------------------- */

    /* ##Footer Links */
    --footer-bg: #ffffff;
    --footer-color: #002b56;
    --footer-font-size: 14px;

    /* ##Social Icons */
    --social-icon-bg: #ffffff;
    --social-icon-hover-bg: #ffffff;
    --social-icon-color: #002b56;
    --social-icon-hover-color: #0b96aa;
    --social-icon-width: 24px;
    --social-icon-height: 24px;

    /* ##QMod */
    --qmod-background: #ffffff;
    --qmod-color: #002b56;
    --qmod-font-size: 12px;

    /* ----------------------------- */
    /* ?PAGE BANNERS                 */
    /* ----------------------------- */

    /* ##Homepage */
    --home-banner-height: 690px;
    --home-page-banner-h2-color: #ffffff;
    --home-page-banner-h2-size: 60px;
    --home-page-banner-h2-font-weight: 700;
    --home-page-banner-subtitle-color: #ffffff;
    --home-page-banner-subtitle-size: 20px;
    --home-page-banner-subtitle-weight: 700;

    /* ##Interior Banner */
    --interior-banner-height: 500px;
    --interior-banner-mobile-height: 300px;
    --interior-page-banner-h1-color: #002b56;
    --interior-page-banner-h1-size: 70px;
    --interior-page-banner-h1-font-weight: 700;
    --interior-page-banner-subtitle-color: #ffffff;
    --interior-page-banner-subtitle-size: 20px;
    --interior-page-banner-subtitle-weight: 700;

    /* ##IR Banner */
    --ir-banner-height: 600px;

    /* ##IR CTA H2 */
    --ir-cta-h2-size: 48px;
    --ir-cta-h2-font-weight: 700;
    --ir-cta-h2-line-height: 1.2;
    --ir-cta-h2-letter-spacing: 0;
    --ir-cta-h2-mobile-size: 26px;
    --ir-cta-h2-mobile-line-height: 1.2;
    --ir-cta-h2-mobile-letter-spacing: 0;

    /* ##Page Banner Alignment (Figma pagebanner-default: title row items-start / left) */
    --page-banner-alignment: left;
    --row-page-banner-alignment: flex-start;

    /* ----------------------------- */
    /* ?FORMS                        */
    /* ----------------------------- */

    /* ##Form Colors */
    --color-form-border: #000000;
    --color-form-error-text: #d40033;
    --color-form-border-dark: #fa003a;
    --color-checkbox-border: #000000;
    --color-checkbox-active: #002b56;
    --color-check: #ffffff;
    --color-checkbox-border-dark: #ffffff;
    --color-check-dark: #ffffff;

    /* ##Text */
    --checkbox-label-font-size: 13px;
    --checkbox-label-font-weight: 400;

    /* ##Elements */
    --form-input-border-radius: 8px;
    --checkbox-height: 16px;
    --checkbox-width: 16px;

    /* ##Form Labels */
    --form-label-font-size: 13px;
    --form-label-font-weight: 400;
    --form-label-font-family: 'Helvetica Neue';
    --form-label-margin-bottom: 0.5rem;

    /* ##Form Inputs */
    --form-input-height: 53px;
    --form-input-font-size: 16px;
    --form-input-font-weight: 400;
    --form-input-margin-top: 5px;
    --form-input-margin-bottom: 20px;
    --form-input-border-width: 1px;
    --form-input-padding: 8px;

    /* ----------------------------- */
    /* ?LIST ITEMS                   */
    /* ----------------------------- */
    --ul-before-color: #002b56;
    --ul-before-size: 1em;
    --ol-before-color: #002b56;
    --ol-before-size: 1em;

    /* ----------------------------- */
    /* ?CHARTS - QMOD                */
    /* ----------------------------- */

    /* ##Default */
    --color-chart-point: #002b56;
    --color-chart-graph: #0db6cf;
    --color-chart-bars: #002b56;
    --color-chart-markers: #0db6cf;

    /* ##Dark */
    --color-dark-chart-point: #002b56;
    --color-dark-chart-graph: #0db6cf;
    --color-dark-chart-bars: #002b56;
    --color-dark-chart-markers: #0db6cf;

    /* ----------------------------- */
    /* ?CHARTS - CHART LIBRARY       */
    /* ----------------------------- */

    /* ##Elements */
    --chart-axis-label-color: #555555;
    --chart-axis-line-color:  #000000;
    --chart-grid-line-color:  #000000;
}