:root {
    --black: #000000;
    --light-grey-80k: #444444;
    --light-grey-60k: #707070;
    --light-grey-40k: #9e9e9e;
    --light-grey-20k: #c8c8c8;
    --light-grey-100: #e6e6e6;
    --light-grey-80: #f2f2f2;
    --white: #ffffff;

    /* --accent-40k: #004355;
    --accent-20k: #00566A;
    --accent-100: #00FFFF;
    --accent-80: #007A93;
    --accent-60: #5097AB;
    --accent-40: #79AEBF;
    --accent-20: #A6CAD8;
    --accent-5: #EAF4F6; */

    --accent-40k: #007070;
    --accent-20k: #00b0b0;
    --accent-100: #00ffff;
    --accent-80: #33ffff;
    --accent-60: #66ffff;
    --accent-40: #99ffff;
    --accent-20: #ccffff;
    --accent-5: #f2ffff;

    --success-100: #6ea046;
    --success-5: #f3f7f0;
    --error-100: #ff0000;
    --error-5: #ffeaea;
    --warning-100: #e69123;
    --warning-5: #fdf6ed;

    --highlight: #ffff40;

    --brand: var(--black) !important;
    --brand-shade: var(--accent-80) !important;
    --content: var(--black) !important;
    --content-secondary: var(--black) !important;
    --panel: var(--light-grey-100) !important;
    --header: var(--white) !important;
    --background: var(--white) !important;
    --background-shade: var(--light-grey-100) !important;
    --primary-button-text: var(--white);
    --primary-button-text-active: var(--black);

    --font-family-base: 'DaimlerCS', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* not relevant since only used in location based journeys */
    /* --brand-transparent: var(--some-color) !important; */
    /* --header-shade: var(--some-color) !important; */

    --brand-button-hover: var(--accent-100);
    --brand-button-active: var(--accent-100);
    --select-highlight-text: var(--black);
    --font-weight-button: 400;
    --font-weight-headlines: 400;
    /* --font-weight-subheadline */
    --svg-highlight: var(--accent-100);
    --svg-fill: var(--black);
    /* --svg-highlight: var(--accent-80); */
    --checkbox-checked-color: var(--black);
    --checkbox-checked-background: var(--accent-100);
    --expert-contact-link-color: var(--accent-20k);
    --ui-label-link-color: var(--accent-20k);
    --ui-label-link-font-weight: 700;
}