:root {
    /** colors **/
    --primary-blue-1: #85CDDB;
    --primary-blue-2: #0097BA;
    --primary-blue-3: #005072;
    --primary-blue-4: #00526FCC;
    --neutral-black: #000000;
    --neutral-darker-grey-1: #616161;
    --neutral-darker-grey-2: #1F1F1F;
    --neutral-darker-grey-2-70: #1F1F1FBF;
    --neutral-dark-grey: #999999;
    --neutral-grey: #D8D8D8;
    --neutral-light-grey: #F3F3F3;
    --neutral-white: #FFFFFF;
    --neutral-white-60: #FFFFFF99;
    --blue-gradient: linear-gradient(180deg, #00ABC8 0%, #00526F 100%);
    --blue-green-gradient-left-right:  linear-gradient(90deg, #9AD25A -6.25%, #00ABC8 104.49%);
    --blue-green-gradient-up-down: linear-gradient(180deg, #B0D25A 0%, #00ABC8 100%);
    --system-error: #F81900;
    --system-success: #81CD46;
    
    /** extended typography **/
    --dxp-s-text-heading-xsmall-color: var(--dxp-s-text-heading-small-color);
    --dxp-s-text-heading-xsmall-font-family: var(--dxp-s-text-heading-xsmall-font-family);
    --dxp-s-text-heading-xsmall-font-size: 1.25rem;
    --dxp-s-text-heading-xsmall-font-weight: 700;
    --dxp-s-text-heading-xsmall-line-height: 1.2;
    --dxp-s-text-heading-xxsmall-color: var(--dxp-s-text-heading-small-color);
    --dxp-s-text-heading-xxsmall-font-family: var(--dxp-s-text-heading-xsmall-font-family);
    --dxp-s-text-heading-xxsmall-font-size: 1.125rem;
    --dxp-s-text-heading-xxsmall-font-weight: 700;
    --dxp-s-text-heading-xxsmall-line-height: 1.2;

    /** set the font for all root/body text **/
    --dxp-g-root-font-family: 'Hexagon Akkurat Web', sans-serif;
    
    /** set the font for headings **/
    --dxp-g-heading-font-family: var(--dxp-g-root-font-family);
    --dxp-s-body-font-family: var(--dxp-g-root-font-family);

    /** set the vertical padding for buttons **/
    --slds-c-button-spacing-block-start: var(--dxp-s-button-padding);
    --slds-c-button-spacing-block-end: var(--dxp-s-button-padding);

    /** quirky filters **/
    --filter-white-to-blue-2: brightness(.37) sepia(1) hue-rotate(144deg) saturate(5)

    --header-height: 8.5rem;
    --mobile-header-height: 4rem;
}