:root {
    /* General parameters */
    --font-family_heading: 'AlmegaSans', Arial, sans-serif;
    --font-family_body: 'Nunito Sans', sans-serif;

    --text--large: 18px;
    --text--medium: 16px;
    --text--small: 15px;

    --rem-base: 18;
    --font-size_base: 18px;
    --font-size_3xsmall: 11px;
    --font-size_2xsmall: 12px;
    --font-size_xsmall: 14px;
    --font-size_small: 15px;
    --font-size_medium: var(--font-size_base);
    --font-size_large: 20px;
    --font-size_xlarge: 23px;
    --font-size_2xlarge: 24px;
    --font-size_3xlarge: 32px;
    --font-size_4xlarge: 48px;

    --font-weight--extrabold: 800;
    --font-weight--bold: 700;
    --font-weight--semibold: 600;
    --font-weight--medium: 500;
    --font-weight--regular: 400;
    --line-height: 1.7em;
    --line-height--medium: 1.5em;
    --line-height--small: 1.2;
    --line-height--header: var(--line-height--small);
    --line-height--button: var(--line-height--small);

    --letter-spacing--small: 0.1px;
    --letter-spacing--large: 2px;

    /* NB! Same as header */
    --border-color: var(--informative_border);
    --border-width: 1px;
    --border-radius: 8px;
    --border-radius_S: 4px;
    --outline_color: var(--warm-2);
    --outline-width: 2px;

    --spacing-16: calc(16 / var(--rem-base) * 1rem);
    --spacing-12: calc(12 / var(--rem-base) * 1rem);

    --spacing-1: 1rem;
    --spacing-1thirds: calc((1/3) * 1rem);
    --spacing-2thirds: calc((2/3) * 1rem);
    --spacing-1fourths: calc((1/4) * 1rem);
    --spacing-2fourths: calc((2/4) * 1rem);
    --spacing-3fourths: calc((3/4) * 1rem);
    --spacing-1_5: calc((3/2) * 1rem);

    --spacing-rel-1: 1em;
    --spacing-rel-1thirds: calc((1/3) * 1em);
    --spacing-rel-2thirds: calc((2/3) * 1em);
    --spacing-rel-1fourths: calc((1/4) * 1em);
    --spacing-rel-2fourths: calc((2/4) * 1em);
    --spacing-rel-3fourths: calc((3/4) * 1em);

    /* Shadows */
    --shadow-0: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.24);
    --shadow-1: 0px 3px 6px rgba(0, 0, 0, 0.16), 0px 6px 3px rgba(0, 0, 0, 0.23);
    --shadow-2: 0px 10px 20px rgba(0, 0, 0, 0.19), 0px 6px 6px rgba(0, 0, 0, 0.23);
    --shadow-3: 0px 14px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.23);
    --shadow-4: 0px 19px 38px rgba(0, 0, 0, 0.3), 0px 15px 12px rgba(0, 0, 0, 0.22);

    /* Element specific */
    --font-family_h4: var(--font-family_body);

    --font-size_h1: var(--font-size_4xlarge);
    --font-size_h2: var(--font-size_3xlarge);
    --font-size_h3: var(--font-size_2xlarge);
    --font-size_h4: var(--font-size_large);
    --font-size_h5: var(--font-size_medium);
    --font-size_h6: var(--font-size_small);
    --font-size_body: var(--font-size_base);
    --font-size_body-S: var(--font-size_small);
    --font-size_preamble: var(--font-size_xlarge);
    --font-size_button: 17px;
    --font-size_label: var(--font-size_xsmall);

    --font-weight_heading: var(--font-weight--bold);
    --font-weight_preamble: var(--font-weight--semibold);
    --font-weight_button: var(--font-weight--bold);
    --font-weight_label: var(--font-weight--extrabold);
    --input-field_font-weight: var(--font-weight--semibold);

    /* Colors */
    --white: #fff;

    --brand-0: #00293d;
    --brand-1: #2b5164;
    --brand-2: #5f7e8e;
    --brand-3: #99afba;
    --brand-4: #cdd7dc;
    --brand-5: #e1e9ed;
    --brand-6: #f9fafc;

    --warm-0: #730a00;
    --warm-1: #af3f28;
    --warm-1-10: #f7ecea;
    --warm-2: #cc6947;
    --warm-3: #db936d;
    --warm-4: #e6bb9e;
    --warm-5: #f8dfc3;
    --warm-6: #fcf4e3;

    --grey-0: #111111;
    --grey-1: #484848;
    --grey-2: #777777;
    --grey-3: #aaaaaa;
    --grey-4: #d4d4d4;
    --grey-5: #e7e7e7;
    --grey-6: #fbfbfb;
    --grey-7: #f3f3f3;

    --green-0: #2a3c33;
    --green-1: #466d5c;
    --green-2: #638d67;
    --green-3: #9cae84;
    --green-4: #c7cfaf;
    --green-5: #e6e8cf;
    --green-6: #f5f6ea;

    --earth-0: purple;
    --earth-1: #8c7d46;
    --earth-2: purple;
    --earth-3: #dcc99f;
    --earth-4: purple;
    --earth-5: #fef8ec;
    --earth-6: purple;

    --sun-0: purple;
    --sun-1: #c29b0b;
    --sun-2: #e3bb29;
    --sun-3: purple;
    --sun-4: #fef7b9;
    --sun-5: #fef8ec;
    --sun-6: purple;

    --text_color--base: var(--grey-1);
    --placeholder_color: var(--grey-3);
    --background-color--base: var(--white);
    --heading-color_base: var(--grey-0);
    --text-fineprint_color: var(--grey-2);

    --undefined: purple;
    --brand-default: var(--brand-1);
    --accent-color: var(--brand-1);

    /* Static color variables */
    --interactive: var(--brand-1);
    --interactive-hover: var(--brand-2);
    --interactive-active: var(--brand-1);
    --interactive-disabled: var(--grey-3);

    --danger: var(--warm-1);
    --danger-hover: var(--warm-2);
    --danger-active: var(--warm-0);
    --danger-disabled: var(--grey-3);
    --highlight-background: var(--sun-5);
    --highlight-border: var(--earth-3);

    /* Color system based on [sentiment]-[prominance]-[usage]-[interaction]*/
    /* ---- Interactive ---- */

    --interactive_color: var(--brand-2);
    --interactive_color--hover: var(--brand-1);
    --interactive_color--active: var(--brand-1);
    --interactive_color--disabled: var(--grey-3);
    --interactive_color--selected: var(--brand-1);
    --interactive_color--selected-hover: var(--brand-1);
    --interactive_color--success: var(--brand-1);
    --interactive_color--error: var(--brand-1);
    --interactive_background: var(--white);
    --interactive_background--hover: var(--brand-5);
    --interactive_background--focus: var(--brand-5);
    --interactive_background--active: var(--white);
    --interactive_background--disabled: var(--grey-5);
    --interactive_background--selected: var(--brand-5);
    --interactive_background--selected-hover: var(--brand-5);
    --interactive_background--success: var(--white);
    --interactive_background--error: var(--white);
    --interactive_border: var(--grey-4);
    --interactive_border--hover: var(--brand-2);
    --interactive_border--focus: var(--brand-2);
    --interactive_border--active: var(--grey-4);
    --interactive_border--disabled: var(--grey-5);
    --interactive_border--selected: var(--brand-5);
    --interactive_border--selected-hover: var(--brand-5);
    --interactive_border--success: var(--green-1);
    --interactive_border--error: var(--warm-1);
    --interactive_icon: var(--brand-2);
    --interactive_icon--hover: var(--brand-1);
    --interactive_icon--active: var(--brand-2);
    --interactive_icon--disabled: var(--grey-3);
    --interactive_icon--selected: var(--brand-1);
    --interactive_icon--selected-hover: var(--brand-1);
    --interactive_icon--success: var(--green-1);
    --interactive_icon--error: var(--warm-1);

    --interactive_weak_color: var(--brand-2);
    --interactive_weak_color--hover: var(--brand-1);
    --interactive_weak_color--active: var(--brand-0);
    --interactive_weak_color--disabled: var(--grey-3);
    --interactive_weak_color--selected: var(--white);
    --interactive_weak_color--selected-hover: var(--white);
    --interactive_weak_color--success: var(--green-2);
    --interactive_weak_color--error: var(--warm-1);

    --interactive_weak_background: var(--brand-6);
    --interactive_weak_background--hover: var(--brand-5);
    --interactive_weak_background--active: var(--brand-4);
    --interactive_weak_background--disabled: var(--grey-5);
    --interactive_weak_background--selected: var(--brand-1);
    --interactive_weak_background--selected-hover: var(--brand-2);
    --interactive_weak_background--success: var(--green-5);
    --interactive_weak_background--error: var(--warm-1-10);

    --interactive_weak_border: var(--brand-4);
    --interactive_weak_border--hover: var(--brand-5);
    --interactive_weak_border--active: var(--brand-4);
    --interactive_weak_border--disabled: var(--grey-5);
    --interactive_weak_border--selected: var(--brand-1);
    --interactive_weak_border--selected-hover: var(--brand-2);
    --interactive_weak_border--success: var(--green-2);
    --interactive_weak_border--error: var(--warm-1);

    --interactive_weak_icon: var(--brand-1);
    --interactive_weak_icon--hover: var(--brand-1);
    --interactive_weak_icon--active: var(--brand-1);
    --interactive_weak_icon--disabled: var(--grey-3);
    --interactive_weak_icon--selected: var(--white);
    --interactive_weak_icon--selected-hover: var(--white);
    --interactive_weak_icon--success: var(--green-2);
    --interactive_weak_icon--error: var(--warm-1);

    --interactive_medium_color: var(--brand-1);
    --interactive_medium_color--hover: var(--brand-1);
    --interactive_medium_color--active: var(--white);
    --interactive_medium_color--disabled: var(--grey-4);
    --interactive_medium_background: var(--brand-5);
    --interactive_medium_background--hover: var(--brand-4);
    --interactive_medium_background--active: var(--brand-2);
    --interactive_medium_background--disabled: var(--grey-3);
    --interactive_medium_background--selected: var(--brand-1);
    --interactive_medium_border: var(--brand-5);
    --interactive_medium_border--hover: var(--brand-4);
    --interactive_medium_border--active: var(--brand-4);
    /* ox-2 */
    --interactive_medium_border--disabled: var(--grey-3);
    --interactive_medium_border--selected: var(--brand-1);
    --interactive_medium_icon: var(--brand-1);
    --interactive_medium_icon--hover: var(--brand-1);
    --interactive_medium_icon--active: var(--white);
    --interactive_medium_icon--disabled: var(--grey-4);
    --interactive_medium_icon--selected: var(--white);

    --interactive_strong_color: var(--white);
    --interactive_strong_color--hover: var(--white);
    --interactive_strong_color--active: var(--white);
    --interactive_strong_color--disabled: var(--grey-5);
    --interactive_strong_color--selected: var(--grey-5);
    --interactive_strong_color--selected-hover: var(--grey-5);
    --interactive_strong_background: var(--brand-1);
    --interactive_strong_background--hover: var(--brand-2);
    --interactive_strong_background--active: var(--brand-0);
    /* ox-1 */
    --interactive_strong_background--disabled: var(--grey-3);
    --interactive_strong_background--selected: var(--brand-1);
    --interactive_strong_background--selected-hover: var(--brand-1);
    --interactive_strong_border: var(--brand-1);
    --interactive_strong_border--hover: var(--brand-2);
    --interactive_strong_border--active: var(--brand-1);
    --interactive_strong_border--disabled: var(--grey-3);
    --interactive_strong_border--selected: var(--brand-1);
    --interactive_strong_border--selected--hover: var(--brand-1);
    --interactive_strong_icon: var(--white);
    --interactive_strong_icon--hover: var(--white);
    --interactive_strong_icon--active: var(--white);
    --interactive_strong_icon--disabled: var(--white);
    --interactive_strong_icon--selected: var(--grey-5);
    --interactive_strong_icon--selected-hover: var(--grey-5);

    /* ---- Informative ---- */
    --informative_color: var(--grey-1);
    --informative_background: var(--grey-5);
    --informative_border: var(--grey-5);

    --informative_weak_color: var(--grey-1);
    --informative_weak_color--hover: var(--undefined);
    --informative_weak_color--active: var(--undefined);
    --informative_weak_color--disabled: var(--undefined);
    --informative_weak_color--disabled: var(--undefined);
    --informative_weak_background: var(--grey-6);
    --informative_weak_background--hover: var(--undefined);
    --informative_weak_background--active: var(--undefined);
    --informative_weak_background--disabled: var(--undefined);
    --informative_weak_border: var(--grey-5);
    --informative_weak_border--hover: var(--undefined);
    --informative_weak_border--active: var(--undefined);
    --informative_weak_border--disabled: var(--undefined);
    --informative_weak_icon: var(--grey-1);
    --informative_weak_icon--hover: var(--undefined);
    --informative_weak_icon--active: var(--undefined);
    --informative_weak_icon--disabled: var(--undefined);

    --informative_strong_color: var(--white);
    --informative_strong_color--hover: var(--undefined);
    --informative_strong_color--active: var(--undefined);
    --informative_strong_color--disabled: var(--undefined);
    --informative_strong_color--disabled: var(--undefined);
    --informative_strong_background: var(--brand-1);
    --informative_strong_background--hover: var(--undefined);
    --informative_strong_background--active: var(--undefined);
    --informative_strong_background--disabled: var(--undefined);
    --informative_strong_border: var(--brand-1);
    --informative_strong_border--hover: var(--undefined);
    --informative_strong_border--active: var(--undefined);
    --informative_strong_border--disabled: var(--undefined);
    --informative_strong_icon: var(--white);
    --informative_strong_icon--hover: var(--undefined);
    --informative_strong_icon--active: var(--undefined);
    --informative_strong_icon--disabled: var(--undefined);

    /* Accented */
    --accented_link: var(--warm-2);
    --accented_link--hover: var(--warm-3);
    --accented_link--active: var(--warm-1);
    --accented_link--disabled: var(--grey-3);

    --accented_color: var(--warm-2);
    --accented_color--hover: var(--warm-3);
    --accented_color--active: var(--warm-1);
    --accented_color--disabled: var(--grey-3);
    --accented_color--selected: var(--warm-2);
    --accented_background: transparent;
    --accented_background--hover: transparent;
    --accented_background--active: transparent;
    --accented_background--disabled: transparent;
    --accented_background--selected: transparent;
    --accented_border: var(--warm-2);
    --accented_border--hover: var(--warm-3);
    --accented_border--active: var(--warm-1);
    --accented_border--disabled: var(--grey-3);
    --accented_border--selected: var(--warm-2);
    --accented_icon: var(--warm-2);
    --accented_icon--hover: var(--warm-3);
    --accented_icon--active: var(--warm-1);
    --accented_icon--disabled: var(--grey-3);
    --accented_icon--selected: var(--warm-2);

    --accented_weak_color: var(--warm-2);
    --accented_weak_color--hover: var(--warm-3);
    --accented_weak_color--active: var(--warm-2);
    --accented_weak_color--disabled: var(--undefined);
    --accented_weak_background: var(--warm-6);
    --accented_weak_background--hover: var(--warm-6);
    --accented_weak_background--active: var(--warm-5);
    --accented_weak_background--disabled: var(--undefined);
    --accented_weak_border: var(--warm-5);
    --accented_weak_border--hover: var(--warm-4);
    --accented_weak_border--active: var(--warm-3);
    --accented_weak_border--disabled: var(--undefined);
    --accented_weak_icon: var(--warm-2);
    --accented_weak_icon--hover: var(--warm-3);
    --accented_weak_icon--active: var(--warm-2);
    --accented_weak_icon--disabled: var(--undefined);

    --accented_strong_color: var(--white);
    --accented_strong_color--hover: var(--white);
    --accented_strong_color--active: var(--white);
    --accented_strong_color--disabled: var(--grey-5);
    --accented_strong_color--selected: var(--white);
    --accented_strong_color--selected-hover: var(--white);
    --accented_strong_color--selected-active: var(--white);

    --accented_strong_background: var(--warm-2);
    --accented_strong_background--hover: var(--warm-3);
    --accented_strong_background--active: var(--warm-1);
    --accented_strong_background--disabled: var(--grey-3);
    --accented_strong_background--selected: var(--brand-1);
    --accented_strong_background--selected-hover: var(--brand-2);
    --accented_strong_background--selected-active: var(--brand-0);

    --accented_strong_border: var(--warm-2);
    --accented_strong_border--hover: var(--warm-3);
    --accented_strong_border--active: var(--warm-1);
    --accented_strong_border--disabled: var(--grey-3);
    --accented_strong_border--selected: var(--brand-1);
    --accented_strong_border--selected-hover: var(--brand-2);
    --accented_strong_border--selected-active: var(--brand-0);

    --accented_strong_icon: var(--white);
    --accented_strong_icon--hover: var(--white);
    --accented_strong_icon--active: var(--white);
    --accented_strong_icon--disabled: var(--grey-5);
    --accented_strong_icon--selected: var(--white);
    --accented_strong_icon--selected-hover: var(--white);
    --accented_strong_icon--selected-active: var(--white);

    --operative_color: var(--white);
    --operative_color--hover: var(--white);
    --operative_color--focus: var(--white);
    --operative_color--active: var(--white);
    --operative_color--disabled: var(--grey-4);
    --operative_color--selected: var(--white);
    --operative_background: var(--green-2);
    --operative_background--hover: var(--green-3);
    --operative_background--focus: var(--green-3);
    --operative_background--active: var(--green-1);
    --operative_background--disabled: var(--grey-3);
    --operative_background--selected: var(--warm-2);
    --operative_background--selected-hover: var(--warm-3);
    --operative_background--selected-focus: var(--warm-3);
    --operative_background--selected-active: var(--warm-1);
    --operative_border: var(--green-2);
    --operative_border--hover: var(--green-3);
    --operative_border--focus: var(--green-3);
    --operative_border--active: var(--green-1);
    --operative_border--disabled: var(--grey-3);
    --operative_border--selected: var(--warm-2);
    --operative_border--selected-hover: var(--warm-3);
    --operative_border--selected-focus: var(--warm-3);
    --operative_border--selected-active: var(--warm-1);
    --operative_icon: var(--white);
    --operative_icon--hover: var(--white);
    --operative_icon--focus: var(--white);
    --operative_icon--active: var(--white);
    --operative_icon--disabled: var(--grey-4);
    --operative_icon--selected: var(--white);

    --success_strong_color: var(--white);
    --success_strong_background: var(--green-2);
    /* Warning */
    --warning_color: var(--grey-0);
    --warning_background: var(--warm-5);
    /* Danger */
    --danger_color: var(--grey-6);
    --danger_background: var(--warm-0);

    --danger-link: var(--danger);
    --danger-link--hover: var(--danger-hover);
    --danger-link--active: var(--danger-active);
    --danger-link--disabled: var(--danger-disabled);

    /* Component/element  specific */
    --link_color: var(--interactive);
    --link_color--hover: var(--interactive-hover);
    --link_color--active: var(--interactive-active);
    --link_color--disabled: var(--interactive-disabled);

    --link-dark_color: var(--undefined);
    --link-dark_color--hover: var(--undefined);
    --link-dark_color--active: var(--undefined);
    --link-dark_color--disabled: var(--undefined);

    --link-secondary_color: var(--accented_link);
    --link-secondary_color--hover: var(--accented_link--hover);
    --link-secondary_color--active: var(--accented_link--active);
    --link-secondary_color--disabled: var(--accented_link--disabled);

    --link-secondary-dark_color: var(--undefined);
    --link-secondary-dark_color--hover: var(--undefined);
    --link-secondary-dark_color--active: var(--undefined);
    --link-secondary-dark_color--disabled: var(--undefined);

    --common-border_width: 1px;
    --common-border_style: solid;
    --common-border_color: var(--grey-5);
    --common-border: var(--common-border_width) var(--common-border_style) var(--common-border_color);

    --topic-1: var(--brand-5);
    --topic-2: var(--green-5);
    --topic-3: var(--warm-5);
    --topic-4: var(--warm-6);
    --topic-5: var(--brand-5);
    --topic-6: var(--green-6);
    --topic_text: var(--brand-1);

    --button_color: var(--interactive_strong_color);
    --button_color--hover: var(--interactive_strong_color--hover);
    --button_color--focus: var(--interactive_strong_color--hover);
    --button_color--active: var(--interactive_strong_color--active);
    --button_color--disabled: var(--interactive_strong_color--disabled);
    --button_color--selected: var(--interactive_strong_color--selected);
    --button_color--selected-hover: var(--interactive_strong_color--selected-hover);
    --button_color--selected-active: var(--undefined);
    --button_background: var(--interactive_strong_background);
    --button_background--hover: var(--interactive_strong_background--hover);
    --button_background--focus: var(--interactive_strong_background--hover);
    --button_background--active: var(--interactive_strong_background--active);
    --button_background--disabled: var(--interactive_strong_background--disabled);
    --button_background--selected: var(--interactive_strong_background--selected);
    --button_background--selected-hover: var(--interactive_strong_background--selected-hover);
    --button_background--selected-active: var(--undefined);
    --button_border: var(--interactive_strong_border);
    --button_border--hover: var(--interactive_strong_border--hover);
    --button_border--focus: var(--interactive_strong_border--hover);
    --button_border--active: var(--interactive_strong_border--active);
    --button_border--disabled: var(--interactive_strong_border--disabled);
    --button_border--selected: var(--interactive_strong_border--selected);
    --button_border--selected--hover: var(--interactive_strong_border--selected--hover);
    --button_border--selected--active: var(--undefined);
    --button_icon: var(--interactive_strong_icon);
    --button_icon--hover: var(--interactive_strong_icon--hover);
    --button_icon--active: var(--interactive_strong_icon--active);
    --button_icon--disabled: var(--interactive_strong_icon--disabled);
    --button_icon--selected: var(--interactive_strong_icon--selected);
    --button_icon--selected-hover: var(--interactive_strong_icon--selected-hover);
    --button_icon--selected-active: var(--undefined);

    --button-accented_color: var(--accented_strong_color);
    --button-accented_color--hover: var(--accented_strong_color--hover);
    --button-accented_color--active: var(--accented_strong_color--active);
    --button-accented_color--disabled: var(--accented_strong_color--disabled);
    --button-accented_color--selected: var(--accented_strong_color--selected);
    --button-accented_color--selected-hover: var(--accented_strong_color--selected-hover);
    --button-accented_color--selected-active: var(--accented_strong_color--selected-active);
    --button-accented_background: var(--accented_strong_background);
    --button-accented_background--hover: var(--accented_strong_background--hover);
    --button-accented_background--active: var(--accented_strong_background--active);
    --button-accented_background--disabled: var(--accented_strong_background--disabled);
    --button-accented_background--selected: var(--accented_strong_background--selected);
    --button-accented_background--selected-hover: var(--accented_strong_background--selected-hover);
    --button-accented_background--selected-active: var(--accented_strong_background--selected-active);
    --button-accented_border: var(--accented_strong_border);
    --button-accented_border--hover: var(--accented_strong_border--hover);
    --button-accented_border--active: var(--accented_strong_border--active);
    --button-accented_border--disabled: var(--accented_strong_border--disabled);
    --button-accented_border--selected: var(--accented_strong_border--selected);
    --button-accented_border--selected-hover: var(--accented_strong_border--selected-hover);
    --button-accented_border--selected-active: var(--accented_strong_border--selected-active);
    --button-accented_icon: var(--accented_strong_icon);
    --button-accented_icon--hover: var(--accented_strong_icon--hover);
    --button-accented_icon--active: var(--accented_strong_icon--active);
    --button-accented_icon--disabled: var(--accented_strong_icon--disabled);
    --button-accented_icon--selected: var(--accented_strong_icon--selected);
    --button-accented_icon--selected-hover: var(--accented_strong_icon--selected-hover);
    --button-accented_icon--selected-active: var(--accented_strong_icon--selected-active);

    --button-operative_color: var(--operative_color);
    --button-operative_color--hover: var(--operative_color--hover);
    --button-operative_color--focus: var(--operative_color--focus);
    --button-operative_color--active: var(--operative_color--active);
    --button-operative_color--disabled: var(--operative_color--disabled);
    --button-operative_color--selected: var(--operative_color--selected);
    --button-operative_color--selected-hover: var(--operative_color--selected-hover);
    --button-operative_color--selected-focus: var(--operative_color--selected-focus);
    --button-operative_color--selected-active: var(--operative_color--selected-active);
    --button-operative_background: var(--operative_background);
    --button-operative_background--hover: var(--operative_background--hover);
    --button-operative_background--focus: var(--operative_background--focus);
    --button-operative_background--active: var(--operative_background--active);
    --button-operative_background--disabled: var(--operative_background--disabled);
    --button-operative_background--selected: var(--operative_background--selected);
    --button-operative_background--selected-hover: var(--operative_background--selected-hover);
    --button-operative_background--selected-focus: var(--operative_background--selected-focus);
    --button-operative_background--selected-active: var(--operative_background--selected-active);
    --button-operative_border: var(--operative_border);
    --button-operative_border--hover: var(--operative_border--hover);
    --button-operative_border--focus: var(--operative_border--focus);
    --button-operative_border--active: var(--operative_border--active);
    --button-operative_border--disabled: var(--operative_border--disabled);
    --button-operative_border--selected: var(--operative_border--selected);
    --button-operative_border--selected-hover: var(--operative_border--selected-hover);
    --button-operative_border--selected-focus: var(--operative_border--selected-focus);
    --button-operative_border--selected-active: var(--operative_border--selected-active);
    --button-operative_icon: var(--operative_icon);
    --button-operative_icon--hover: var(--operative_icon--hover);
    --button-operative_icon--focus: var(--operative_icon--focus);
    --button-operative_icon--active: var(--operative_icon--active);
    --button-operative_icon--disabled: var(--operative_icon--disabled);
    --button-operative_icon--selected: var(--operative_icon--selected);
    --button-operative_icon--selected-hover: var(--operative_icon--selected-hover);
    --button-operative_icon--selected-focus: var(--operative_icon--selected-focus);
    --button-operative_icon--selected-active: var(--operative_icon--selected-active);

    --button-secondary_color: var(--interactive_weak_color);
    --button-secondary_color--hover: var(--interactive_weak_color--hover);
    --button-secondary_color--focus: var(--interactive_weak_color--hover);
    --button-secondary_color--active: var(--interactive_weak_color--active);
    --button-secondary_color--disabled: var(--interactive_weak_color--disabled);
    --button-secondary_color--error: var(--interactive_weak_color--error);
    --button-secondary_color--success: var(--interactive_weak_color--success);
    --button-secondary_color--selected: var(--interactive_weak_color--selected);
    --button-secondary_color--selected-hover: var(--interactive_weak_color--selected-hover);
    --button-secondary_color--selected-active: var(--interactive_weak_color--selected-active);
    --button-secondary_background: var(--interactive_weak_background);
    --button-secondary_background--hover: var(--interactive_weak_background--hover);
    --button-secondary_background--focus: var(--interactive_weak_background--hover);
    --button-secondary_background--active: var(--interactive_weak_background--active);
    --button-secondary_background--disabled: var(--interactive_weak_background--disabled);
    --button-secondary_background--error: var(--interactive_weak_background--error);
    --button-secondary_background--success: var(--interactive_weak_background--success);
    --button-secondary_background--selected: var(--interactive_weak_background--selected);
    --button-secondary_background--selected-hover: var(--interactive_weak_background--selected-hover);
    --button-secondary_background--selected-active: var(--interactive_weak_background--selected-active);
    --button-secondary_border: var(--interactive_weak_border);
    --button-secondary_border--hover: var(--interactive_weak_border--hover);
    --button-secondary_border--focus: var(--interactive_weak_border--hover);
    --button-secondary_border--active: var(--interactive_weak_border--active);
    --button-secondary_border--disabled: var(--interactive_weak_border--disabled);
    --button-secondary_border--error: var(--interactive_weak_border--error);
    --button-secondary_border--success: var(--interactive_weak_border--success);
    --button-secondary_border--selected: var(--interactive_weak_border--selected);
    --button-secondary_border--selected-hover: var(--interactive_weak_border--selected-hover);
    --button-secondary_border--selected-active: var(--interactive_weak_border--selected-active);
    --button-secondary_icon: var(--interactive_weak_icon);
    --button-secondary_icon--hover: var(--interactive_weak_icon--hover);
    --button-secondary_icon--focus: var(--interactive_weak_icon--hover);
    --button-secondary_icon--active: var(--interactive_weak_icon--active);
    --button-secondary_icon--disabled: var(--interactive_weak_icon--disabled);
    --button-secondary_icon--error: var(--interactive_weak_icon--error);
    --button-secondary_icon--success: var(--interactive_weak_icon--success);
    --button-secondary_icon--selected: var(--interactive_weak_icon--selected);
    --button-secondary_icon--selected-hover: var(--interactive_weak_icon--selected-hover);
    --button-secondary_icon--selected-active: var(--interactive_weak_icon--selected-active);
    --button-secondary_font-size: 15px;

    --button-secondary-weak_color: var(--interactive_weak_color);
    --button-secondary-weak_color--hover: var(--interactive_weak_color--hover);
    --button-secondary-weak_color--focus: var(--interactive_weak_color--hover);
    --button-secondary-weak_color--active: var(--interactive_weak_color--active);
    --button-secondary-weak_color--disabled: var(--interactive_weak_color--disabled);
    --button-secondary-weak_color--error: var(--interactive_weak_color--error);
    --button-secondary-weak_color--success: var(--interactive_weak_color--success);
    --button-secondary-weak_color--selected: var(--accented_strong_color);
    --button-secondary-weak_color--selected-hover: var(--accented_strong_color--hover);
    --button-secondary-weak_background: var(--white);
    --button-secondary-weak_background--hover: var(--interactive_weak_background--hover);
    --button-secondary-weak_background--focus: var(--interactive_weak_background--hover);
    --button-secondary-weak_background--active: var(--interactive_weak_background--active);
    --button-secondary-weak_background--disabled: var(--interactive_weak_background--disabled);
    --button-secondary-weak_background--error: var(--interactive_weak_background--error);
    --button-secondary-weak_background--success: var(--interactive_weak_background--success);
    --button-secondary-weak_background--selected: var(--accented_strong_background);
    --button-secondary-weak_background--selected-hover: var(--accented_strong_background--hover);
    --button-secondary-weak_border: var(--interactive_weak_border);
    --button-secondary-weak_border--hover: var(--interactive_weak_border--hover);
    --button-secondary-weak_border--focus: var(--interactive_weak_border--hover);
    --button-secondary-weak_border--active: var(--interactive_weak_border--active);
    --button-secondary-weak_border--disabled: var(--interactive_weak_border--disabled);
    --button-secondary-weak_border--error: var(--interactive_weak_border--error);
    --button-secondary-weak_border--success: var(--interactive_weak_border--success);
    --button-secondary-weak_border--selected: var(--accented_strong_border);
    --button-secondary-weak_border--selected-hover: var(--accented_strong_border--hover);
    --button-secondary-weak_icon: var(--interactive_weak_icon);
    --button-secondary-weak_icon--hover: var(--interactive_weak_icon--hover);
    --button-secondary-weak_icon--focus: var(--interactive_weak_icon--hover);
    --button-secondary-weak_icon--active: var(--interactive_weak_icon--active);
    --button-secondary-weak_icon--disabled: var(--interactive_weak_icon--disabled);
    --button-secondary-weak_icon--error: var(--interactive_weak_icon--error);
    --button-secondary-weak_icon--success: var(--interactive_weak_icon--success);
    --button-secondary-weak_icon--selected: var(--accented_strong_icon);
    --button-secondary-weak_icon--selected-hover: var(--accented_strong_icon--hover);
    --button-secondary-weak_font-size: 15px;

    --button-link_color: var(--link_color);
    --button-link_color--hover: var(--link_color--hover);
    --button-link_color--active: var(--link_color--active);
    --button-link_color--disabled: var(--link_color--disabled);
    --button-link_color--selected: var(--link_color);
    --button-link_color--selected-hover: var(--link_color--hover);
    --button-link_background: transparent;
    --button-link_background--hover: transparent;
    --button-link_background--active: transparent;
    --button-link_background--disabled: transparent;
    --button-link_background--selected: transparent;
    --button-link_background--selected-hover: transparent;
    --button-link_border: none;
    --button-link_border--hover: none;
    --button-link_border--active: none;
    --button-link_border--disabled: none;
    --button-link_border--selected: none;
    --button-link_border--selected--hover: none;
    --button-link_icon: var(--link_color);
    --button-link_icon--hover: var(--link_color--hover);
    --button-link_icon--active: var(--link_color--active);
    --button-link_icon--disabled: var(--link_color--disabled);
    --button-link_icon--selected: var(--link_color);
    --button-link_icon--selected-hover: var(--link_color--hover);

    --button-link-danger_color: var(--danger-link);
    --button-link-danger_color--hover: var(--danger-link--hover);
    --button-link-danger_color--active: var(--danger-link--active);
    --button-link-danger_color--disabled: var(--danger-link--disabled);
    --button-link-danger_color--selected: var(--danger-link);
    --button-link-danger_color--selected-hover: var(--danger-link--hover);
    --button-link-danger_background: transparent;
    --button-link-danger_background--hover: transparent;
    --button-link-danger_background--active: transparent;
    --button-link-danger_background--disabled: transparent;
    --button-link-danger_background--selected: transparent;
    --button-link-danger_background--selected-hover: transparent;
    --button-link-danger_border: none;
    --button-link-danger_border--hover: none;
    --button-link-danger_border--active: none;
    --button-link-danger_border--disabled: none;
    --button-link-danger_border--selected: none;
    --button-link-danger_border--selected--hover: none;
    --button-link-danger_icon: var(--danger-link);
    --button-link-danger_icon--hover: var(--danger-link--hover);
    --button-link-danger_icon--active: var(--danger-link--active);
    --button-link-danger_icon--disabled: var(--danger-link--disabled);
    --button-link-danger_icon--selected: var(--danger-link);
    --button-link-danger_icon--selected-hover: var(--danger-link--hover);

    --state-button_text: var(--brand-1);
    --state-button_text--hover: var(--brand-1);
    --state-button_text--active: var(--brand-1);
    --state-button_text--disabled: var(--grey-4);
    --state-button_background: var(--brand-4);
    --state-button_background--hover: var(--brand-3);
    --state-button_background--active: var(--brand-2);
    --state-button_background--disabled: var(--grey-4);
    --state-button_background--selected: var(--brand-1);
    --state-button_border: var(--brand-3);
    --state-button_border--hover: var(--brand-2);
    --state-button_border--active: var(--brand-4);
    --state-button_border--disabled: var(--grey-4);
    --state-button_border--selected: var(--brand-1);
    --state-button_icon: transparent;
    --state-button_icon--hover: transparent;
    --state-button_icon--active: transparent;
    --state-button_icon--disabled: transparent;
    --state-button_icon--selected: var(--white);

    --choice_font-family: var(--font-family_body);
    --choice_font-size: var(--font-size_small);
    --choice_marker-size: 20px;
    --choice_marker-border-radius: var(--border-radius_S);
    --choice_marker-border-width: var(--border-width);
    --choice_marker-icon: var(--icon-check);
    --choice_marker-spacing: var(--spacing-12);

    --choice_text: var(--brand-1);
    --choice_text--hover: var(--brand-1);
    --choice_text--focus: var(--brand-1);
    --choice_text--active: var(--brand-0);
    --choice_text--disabled: var(--grey-3);
    --choice_text--selected: var(--brand-1);
    --choice_text--selected-hover: var(--brand-1);

    --choice_background: var(--brand-4);
    --choice_background--hover: var(--brand-3);
    --choice_background--focus: var(--brand-3);
    --choice_background--active: var(--brand-2);
    --choice_background--disabled: var(--grey-4);
    --choice_background--selected: var(--brand-1);
    --choice_background--selected-hover: var(--brand-1);

    --choice_border: var(--brand-3);
    --choice_border--hover: var(--brand-2);
    --choice_border--focus: var(--brand-2);
    --choice_border--active: var(--brand-1);
    --choice_border--disabled: var(--grey-4);
    --choice_border--selected: var(--brand-1);
    --choice_border--selected-hover: var(--brand-1);

    --choice_icon: transparent;
    --choice_icon--hover: transparent;
    --choice_icon--focus: transparent;
    --choice_icon--active: transparent;
    --choice_icon--disabled: transparent;
    --choice_icon--selected: var(--white);
    --choice_icon--selected-hover: var(--white);

    --choice-select_background--selected: var(--interactive_weak_background);
    --choice-select_background--selected-hover: var(--interactive_weak_background);
    --choice-select_border--hover: var(--interactive_weak_border);
    --choice-select_border--selected: var(--interactive_weak_border);
    --choice-select_border--selected-hover: var(--interactive_weak_border);

    --choice-group_marker-size: 20px;
    --choice-group_background: var(--brand-3);
    --choice-group_background--hover: var(--brand-2);
    --choice-group_background--active: var(--brand-1);

    --choice-group_border: var(--brand-3);
    --choice-group_border--hover: var(--brand-2);
    --choice-group_border--active: var(--brand-1);

    --choice-group-select_background--selected: var(--interactive_weak_background);
    --choice-group-select_background--selected-hover: var(--interactive_weak_background);
    --choice-group-select_border--hover: var(--interactive_weak_border);
    --choice-group-select_border--selected: var(--interactive_weak_border);
    --choice-group-select_border--selected-hover: var(--interactive_weak_border);

    --radio-button_icon-size: 8px;
    --radio-button_border-radius: 50%;
    --radio-button_icon: transparent;
    --radio-button_icon--hover: transparent;
    --radio-button_icon--active: transparent;
    --radio-button_icon--disabled: var(--interactive_strong_icon--disabled);
    --radio-button_icon--selected: var(--interactive_strong_icon--selected);

    --label-color: var(--grey-0);
    --label-font-size: var(--font-size_2xsmall);
    --label-font-weight: var(--font-weight--extrabold);
    --label-letterspacing: var(--letter-spacing--large);
    --label-text-transform: uppercase;

    /* TODO: refactor away */
    --label_font-weight: var(--font-weight--extrabold);

    --favorite_color: var(--brand-4);
    --favorite_color--selected: var(--brand-2);

    --card_contact_background-color: transparent;
    --card_contact_border-color: var(--brand-4);
    --card_picture_border-color: var(--brand-4);
    --card_picture_border-radius: 50%;

    --card-bullitin_label_color: var(--grey-2);

    --toggle-switch_width: 42px;
    --toggle-switch_background-color: var(--state-button_background);
    --toggle-switch_background-color--selected: var(--state-button_background--selected);
    --toggle-switch_background-color--hover: var(--state-button_background--hover);
    --toggle-switch_background-color--active: var(--brand-3);
    --toggle-switch_border-width: 4px;
    --toggle-switch_border: var(--toggle-switch_border-width) solid var(--interactive_medium_border--hover);
    --toggle-switch_border-radius: 12px;
    --toggle-switch_border-color--hover: var(--brand-3);
    --toggle-switch_border-color--active: var(--brand-3);
    --toggle-switch_icon_border-radius: 50%;
    --toggle-switch_icon_color: var(--state-button_icon--selected);
    --toggle-switch_icon_color--hover: var(--state-button_icon--selected);
    --toggle-switch_icon_color--active: var(--state-button_icon--selected);
    --toggle-switch_icon_color--selected: var(--state-button_icon--selected);
    --toggle-switch_icon_color--disabled: var(--state-button_icon--selected);
    --toggle-switch_icon_size: 16px;
    --toggle-switch_label--font-size: 15px;

    --choice-group-nomarker_background: transparent;
    --choice-group-nomarker_background--hover: var(--brand-6);
    --choice-group-nomarker_border--hover: var(--brand-3);
    --choice-group-nomarker_background--selected: var(--brand-6);
    --choice-group-nomarker_border--selected: var(--brand-3);

    --loader_color: var(--interactive);

    /* Button selector. Follows the input field schema */
    --button-select_text--active: var(--stone-2);
    --button-select_background: var(--white);
    --button-select_border--active: var(--brand-3);

    /*  Selector */

    --selector_text: var(--interactive_color--hover);
    --selector_text--hover: var(--interactive_color--hover);
    --selector_text--focus: var(--interactive_color);
    --selector_text--active: var(--interactive_color--active);
    --selector_text--disabled: var(--interactive_color--disabled);
    --selector_text--selected: var(--interactive_color--selected);
    --selector_text--selected-hover: var(--interactive_color--hover);

    --selector_background: var(--interactive_background);
    --selector_background--hover: var(--interactive_background--hover);
    --selector_background--focus: var(--interactive_background--focus);
    --selector_background--active: var(--interactive_background--active);
    --selector_background--disabled: var(--interactive_background--disabled);
    --selector_background--selected: var(--interactive_background--selected);
    --selector_background--selected--hover: var(--interactive_background--selected--hover);

    --selector_border: var(--input-field_border);
    --selector_border--hover: var(--input-field_border--hover);
    --selector_border--focus: var(--input-field_border--focus);
    --selector_border--active: var(--input-field_border--active);
    --selector_border--disabled: var(--input-field_border--disabled);
    --selector_border--selected: var(--input-field_border--selected);
    --selector_border--selected-hover: var(--input-field_border--selected-hover);

    --selector_icon: var(--interactive_icon);
    --selector_icon--hover: var(--interactive_icon--hover);
    --selector_icon--focus: var(--interactive_icon--focus);
    --selector_icon--active: var(--interactive_icon--active);
    --selector_icon--disabled: var(--interactive_icon--disabled);
    --selector_icon--selected: var(--interactive_icon--selected);

    --selector_icon_width: 16px;

    --selector-menu_max-height: 300px;
    --selector-menu_border: var(--interactive_border);
    --selector-menu_border--hover: var(--interactive_border);
    --selector-menu_border--focus: var(--interactive_border);
    --selector-menu_border--active: var(--interactive_border);
    --selector-menu_border--disabled: var(--interactive_border);
    --selector-menu_border--selected: var(--interactive_border);
    --selector-menu_border--selected-hover: var(--interactive_border);


    --selector-invoker_font-size: var(--font-size_button);

    --selector-invoker_text: var(--brand-1);
    --selector-invoker_text--hover: var(--brand-1);
    --selector-invoker_text--focus: var(--brand-1);
    --selector-invoker_text--active: var(--brand-0);
    --selector-invoker_text--disabled: var(--grey-3);
    --selector-invoker_text--selected: var(--grey-3);
    --selector-invoker_text--selected-hover: var(--brand-1);

    --selector-invoker_background: var(--white);
    --selector-invoker_background--hover: var(--white);
    --selector-invoker_background--focus: var(--white);
    --selector-invoker_background--active: var(--white);
    --selector-invoker_background--disabled: var(--grey-5);
    --selector-invoker_background--selected: var(--white);
    --selector-invoker_background--selected-hover: var(--white);

    --selector-invoker_border: var(--grey-4);
    --selector-invoker_border--hover: var(--brand-2);
    --selector-invoker_border--focus: var(--brand-2);
    --selector-invoker_border--active: var(--brand-1);
    --selector-invoker_border--disabled: var(--grey-3);
    --selector-invoker_border--selected: var(--brand-2);
    --selector-invoker_border--selected-hover: var(--brand-2);

    --selector-invoker_icon: var(--brand-3);
    --selector-invoker_icon--hover: var(--brand-2);
    --selector-invoker_icon--focus: var(--brand-2);
    --selector-invoker_icon--active: var(--brand-2);
    --selector-invoker_icon--disabled: var(--grey-3);
    --selector-invoker_icon--selected: var(--brand-2);
    --selector-invoker_icon--selected-hover: var(--brand-2);
    --icon-selector-invoker: var(--icon-chevron);
    --icon-selector-invoker-width: 16px;
    --icon-selector-invoker-height: 16px;

    --selector-option_font-size: var(--font-size_button);
    --selector-option_padding: var(--spacing-rel-1) var(--spacing-rel-3fourths);
    --selector-option_gap: var(--spacing-2thirds);

    --selector-option_text: var(--selector_text);
    --selector-option_text--hover: var(--selector_text--hover);
    --selector-option_text--focus: var(--selector_text--focus);
    --selector-option_text--active: var(--selector_text--active);
    --selector-option_text--disabled: var(--selector_text--disabled);
    --selector-option_text--selected: var(--selector_text--selected);
    --selector-option_text--selected-hover: var(--selector_text--selected-hover);

    --selector-option_background: var(--white);
    --selector-option_background--hover: var(--brand-5);
    --selector-option_background--focus: var(--brand-5);
    --selector-option_background--active: var(--brand-5);
    --selector-option_background--disabled: var(--grey-5);
    --selector-option_background--selected: var(--brand-5);
    --selector-option_background--selected-hover: var(--brand-5);

    --selector-option_border: var(transparent);
    --selector-option_border--hover: var(--brand-5);
    --selector-option_border--focus: var(--brand-5);
    --selector-option_border--active: var(--brand-5);
    --selector-option_border--disabled: var(--grey-5);
    --selector-option_border--selected: var(--brand-5);
    --selector-option_border--selected-hover: var(--brand-5);

    --listbox-indicator_width: 21px;
    --listbox-indicator_height: 10px;
    --listbox-indicator_top: calc(var(--listbox-indicator_height) * -1);
    --listbox-indicator_left: 1rem;
    --listbox-indicator_background: var(--selector_background);

    /* Lists and navlists */
    --button-list_text: var(--interactive_weak_color);
    --button-list_text--hover: var(--interactive_weak_color--hover);
    --button-list_text--focus: var(--interactive_weak_color--focus);
    --button-list_text--active: var(--interactive_weak_color--active);
    --button-list_text--disabled: var(--interactive_weak_color--disabled);

    --button-list_background: transparent;
    --button-list_background--hover: var(--interactive_weak_background--hover);
    --button-list_background--focus: var(--interactive_weak_background--hover);
    --button-list_background--active: var(--interactive_weak_background--active);
    --button-list_background--disabled: var(--interactive_weak_background--disabled);

    --button-list_border: transparent;
    --button-list_border--hover: var(--interactive_weak_border--hover);
    --button-list_border--focus: var(--interactive_weak_border--hover);
    --button-list_border--active: var(--interactive_weak_border--active);
    --button-list_border--disabled: var(--interactive_weak_border--disabled);

    --button-list_icon: var(--interactive_weak_icon);
    --button-list_icon--hover: var(--interactive_weak_icon--hover);
    --button-list_icon--focus: var(--interactive_weak_icon--hover);
    --button-list_icon--active: var(--interactive_weak_icon--active);
    --button-list_icon--disabled: var(--interactive_weak_icon--disabled);

    --tag_background--interactive: var(--interactive_background);
    --tag_color--informative: var(--informative_color);
    --tag_background--informative: var(--informative_background);
    --tag_color--accented: var(--accented_strong_color);
    --tag_background--accented: var(--accented_strong_background);
    --tag_color--warning: var(--warning_color);
    --tag_background--warning: var(--warning_background);
    --tag_color--danger: var(--grey-6);
    --tag_background--danger: var(--danger_background);
    --tag_color--success: var(--success_strong_color);
    --tag_background--success: var(--success_strong_background);

    --tab_link-color: var(--link_color);
    --tab_link-color--selected: var(--link-secondary_color);
    --tab_link-vertical-color--selected: var(--tab_link-color--selected);
    --tab_border: var(--grey-5);
    --tab_border--selected: var(--link-secondary_color);

    --button-back-to-top_background: var(--white);
    /* --interactive_background */
    --button-back-to-top_background--hover: var(--brand-2);
    --button-back-to-top_icon-color: var(--brand-2);
    --button-back-to-top_padding: 7px;
    --button-back-to-top_border-color: var(--brand-2);
    --button-back-to-top_icon-color--active: var(--white);

    --highlight-area_color--highlighted: var(--accented_weak_color);
    --highlight-area_background--highlighted: var(--accented_weak_background);
    --highlight-area_border--highlighted: var(--accented_weak_border);
    --highlight-area_icon--highlighted: var(--accented_weak_icon);

    --linkbox_heading-color: inherit;
    --linkbox_heading-background-color: inherit;
    --linkbox_border-heading-color: var(--brand-5);
    --linkbox_border-content-color: var(--brand-5);

    --linkbox_link-color: var(--link_color);
    --linkbox_link-color--hover: var(--link_color--hover);
    --linkbox_link-color--active: var(--link_color--active);

    --fineprint: var(--grey-2);

    --table-label: var(--grey-2);
    --table_border_color: var(--brand-5);
    --table-text: var(--grey-1);

    --check-list_icon: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 7.8L6.7 11L12.7 5" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" /></svg>');
    --check-list_icon_width: 16px;
    --check-list_icon_height: 16px;

    --header_color: var(--grey-2);
    --header_preamble: var(--grey-2);
    --header_icon_color: rgba(212, 212, 212, 0.3);
    --header_color--branded: var(--interactive_strong_color);
    --header_color--branded--hover: var(--grey-5);
    --header_icon_color--branded: rgba(225, 233, 237, 0.1);
    --header_color--branded-inverted: var(--grey-1);
    --header_color--branded-inverted--hover: var(--grey-2);
    --header_icon_color--branded-inverted: rgba(72, 72, 72, 0.1);
    --header-margin-top: 0px;

    --title_color: var(--grey-2);

    --footer_color: var(--brand-2);
    --footer_background: var(--brand-6);

    --input-field_color: var(--interactive_color);
    --input-field_color--hover: var(--interactive_color--hover);
    --input-field_color--focus: var(--interactive_color--hover);
    --input-field_color--active: var(--interactive_color--active);
    --input-field_color--disabled: var(--interactive_color--disabled);
    --input-field_color--selected: var(--interactive_color--selected);
    --input-field_color--selected-hover: var(--interactive_color--selected-hover);
    --input-field_color--success: var(--interactive_color--success);
    --input-field_color--error: var(--interactive_color--error);
    --input-field_placeholder_color: var(--placeholder_color);
    --input-field_background: var(--interactive_background);
    --input-field_background--hover: var(--white);
    --input-field_background--focus: var(--white);
    --input-field_background--active: var(--white);
    --input-field_background--disabled: var(--interactive_background--disabled);
    --input-field_background--selected: var(--interactive_background--selected);
    --input-field_background--selected-hover: var(--interactive_background--selected-hover);
    --input-field_background--success: var(--interactive_background--success);
    --input-field_background--error: var(--interactive_background--error);
    --input-field_border: var(--interactive_border);
    --input-field_border--hover: var(--interactive_border--hover);
    --input-field_border--focus: var(--interactive_border--focus);
    --input-field_border--active: var(--interactive_border--active);
    --input-field_border--disabled: var(--interactive_border--disabled);
    --input-field_border--selected: var(--interactive_border--selected);
    --input-field_border--selected--hover: var(--interactive_border--selected-hover);
    --input-field_border--success: var(--interactive_border--success);
    --input-field_border--error: var(--interactive_border--error);
    --input-field_icon: var(--interactive_icon);
    --input-field_icon--hover: var(--interactive_icon--hover);
    --input-field_icon--active: var(--interactive_icon--active);
    --input-field_icon--focus: var(--interactive_icon--hover);
    --input-field_icon--disabled: var(--interactive_icon--disabled);
    --input-field_icon--selected: var(--interactive_icon--selected);
    --input-field_icon--selected-hover: var(--interactive_icon--selected-hover);
    --input-field_icon--success: var(--interactive_icon--success);
    --input-field_icon--error: var(--interactive_icon--error);

    --input-field_font-size: var(--font-size_button);
    --input-field_font-weight: var(--font-weight--semibold);
    --input-field-label_font-weight: var(--font-weight--semibold);

    --search-input_color: var(--brand-2);
    --search-input_background: var(--grey-6);
    --search-input_background--hover: var(--grey-6);
    --search-input_background--focus: var(--grey-6);
    --search-input_background--active: var(--grey-6);
    --search-input_border: transparent;
    --search-input_border--hover: transparent;
    --search-input_icon: var(--brand-2);
    --search-input_placeholder: var(--brand-2);
    --search-input--reset: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 8H15M8 15L8 1' stroke='currentColor' stroke-width='2' stroke-linecap='round' /></svg>");
    --search-input--reset-inverted: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 8H15M8 15L8 1' stroke='currentColor' stroke-width='2' stroke-linecap='round' /></svg>");
    --search-input_header_icon: var(--brand-2);

    --search-input-navbar_color: var(--brand-2);
    --search-input-navbar_color--hover: var(--brand-1);
    --search-input-navbar_background: var(--grey-6);
    --search-input-navbar_icon: var(--brand-2);
    --search-input-navbar_icon--hover: var(--brand-1);
    --search-input-navbar_icon--focus: var(--brand-1);
    --search-input-navbar_icon--active: var(--brand-1);

    --submenu-link-color: var(--link_color);
    --submenu-link-color--hover: var(--link_color--hover);
    --submenu-link-color--active: var(--link_color--active);
    --submenu-link-color--disabled: var(--link_color--disabled);

    --submenu-color-selected: var(--link-secondary_color);

    --navbar-height: 56px;
    --navbar_background: var(--white);
    /* Could be this should be part of a sentiment scheme */
    --navbar-delimiter_width: 16px;
    --navbar-delimiter_background: var(--grey-5);
    --navbar-delimiter-clip: 'm0 0v0.68164l13.859 24.18c0.55001 0.95972 0.82617 2.0492 0.82617 3.1387s-0.27616 2.1789-0.82617 3.1387l-13.859 24.18v0.68164h16v-56z';
    --navbar-delimiter-clipicon: 'm0.86719-0.24805-1.115 0.49609 14.107 24.613c0.55001 0.95972 0.82617 2.0492 0.82617 3.1387s-0.27616 2.1789-0.82617 3.1387l-14.107 24.613 1.115 0.49609 14.107-24.613c0.64019-1.1171 0.95898-2.3763 0.95898-3.6348s-0.3188-2.5177-0.95898-3.6348z';
    --navbar-icon-margin-right: 0;
    --navbar_position: fixed;
    --navbar-user-menu_display: inline-flex;
    --navbar-user-menu-selector-menu_border: var(--border-width) solid var(--white);

    --subject_letter_color: var(--grey-3);
    --subject_link_color: var(--brand-1);
    --subject_link-synonym_color: var(--brand-2);
    --subject_border-color: var(--grey-5);
    --subject-nav_background: var(--interactive_weak_background);
    --subject-nav_color: var(--interactive_medium_color);
    --subject-nav_color--hover: var(--interactive_medium_background--hover);
    --subject-nav_color--active: var(--white);
    --subject-nav_color--disabled: var(--interactive_medium_color--disabled);
    --subject-nav_color--background: var(--interactive_medium_color);

    --view-changer_border: var(--common-border);
    --view-changer_color: var(--grey-5);
    --view-changer_color--select: var(--brand-2);

    --guide_color: var(--brand-1);
    --guide_background: transparent;
    --guide_border-color: var(--grey-5);
    --guide_label_color: var(--brand-2);

    --formula_color: var(--brand-0);
    --formula_background: var(--brand-6);
    --formula_empty-value: var(--grey-3);

    --search_highlight_color: var(--brand-1);
    --search_highlight_background: var(--green-5);
    --search_highlight_padding: 4px;

    --agreement-onboarding_border: var(--grey-5);
    --agreement-onboarding_background: transparent;
    --agreement-onboarding_color: inherit;

    --agreement-picker_border: var(--grey-5);
    --agreement-picker_background: transparent;
    --agreement-picker_color: var(--button-secondary_color);

    --onboarding_background-color: var(--brand-6);
    --onboarding-dot_color: var(--brand-4);
    --onboarding-dot_color--active: var(--brand-1);
    --onboarding-border_color: var(--brand-5);

    --section-note_border: transparent;
    --section-note_border--hover: var(--interactive_medium_border--hover);
    --section-note_border--active: var(--interactive_medium_border--active);
    --section-note_border--disabled: var(--interactive_medium_border--disabled);

    --section-note-icon: var(--interactive_medium_border--hover);
    --section-note-icon--hover: var(--interactive_medium_icon--hover);
    --section-note-icon--active: var(--interactive_medium_border--active);
    --section-note-icon--disabled: var(--interactive_medium_icon--disabled);

    --supplement-icon-internal-comment-color: var(--button_color);
    --supplement-icon-internal-comment-background: var(--button_background);
    --supplement-icon-internal-comment-image: url('data:image/svg+xml,<svg fill="none" viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg"><path d="M4.841 11.743a7.146 7.146 0 0 1-2.493-.444 3.95 3.95 0 0 1-1.723-1.2A2.882 2.882 0 0 1 0 8.246c-.02-.589.126-1.172.421-1.677a3.006 3.006 0 0 1 1.24-1.173 3.39 3.39 0 0 1 1.58-.373c.485-.008.965.096 1.405.304.414.202.772.507 1.044.886.284.385.462.842.514 1.322.068.643.051 1.292-.051 1.93a6.817 6.817 0 0 1-.605 1.886l-2.073-1.074c.257-.304.48-.637.666-.991.125-.24.192-.508.196-.78.01-.31-.096-.612-.296-.844a.967.967 0 0 0-.772-.336.736.736 0 0 0-.617.283 1.047 1.047 0 0 0-.224.664c.007.179.056.353.143.507.088.155.21.285.359.379.343.253.9.373 1.672.36l.82.02c1.189-.028 2.207-.077 3.056-.148s1.886-.204 3.11-.402l.594-.127c1.75-.237 3.24-.483 4.47-.737l.348 2.34c-1.667.31-3.245.575-4.735.793l-.718.064c-2.15.283-4.315.431-6.482.444zM.43 14.483l3.282-4.596 2.42-3.276L10.762 0l2.794 2.17V15.56h-2.768v-4.955l.062-.99-.02-7.99.858 1.306-4.743 6.685-.594.925L2.421 16z" fill="currentColor"/></svg>');

    --supplement-content-internal-comment-title-color: var(--warm-1);

    --supplement-tooltip-accented-background: var(--warm-5);
    --supplement-tooltip-accented-border: var(--warm-3);


    --denotation_superheading_font: var(--font-weight--extrabold) var(--font-size_2xsmall) / var(--line-height--header) var(--font-family_body);
    --denotation_superheading_letter-spacing: var(--letter-spacing--large);
    --denotation_superheading_text-transform: uppercase;
    --denotation_superheading_color: inherit;
    --denotation_heading_font: var(--font-weight--bold) var(--font-size_large) / var(--line-height--header) var(--font-family_body);
    --denotation_subheading_font: var(--font-weight--semibold) var(--font-size_small) / var(--line-height--header) var(--font-family_body);
    --denotation_subheading_color: inherit;
    --denotation_title_font: var(--font-weight--semibold) var(--text--medium) / var(--line-height--header) var(--font-family_body);
    --denotation_title_color: inherit;
    --denotation-icon_color: gray;
    --denotation-icon_color--hover: inherit;
    --denotation-icon_color--active: inherit;
    --denotation-icon_color--disabled: inherit;

    --icon-chevron: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" height="16" width="16"><path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="currentColor" d="m3 5 5 5 5-5"/></svg>');
    --icon-check: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7.8L6.7 11L12.7 5' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    --icon-listbox-indicator: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 21 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m20.501 10.039-9.2103-9.2103c-0.21831-0.21831-0.50303-0.32733-0.78794-0.32733s-0.56963 0.10902-0.78794 0.32733l-9.2103 9.2103' fill='white' stop-color='%23000000' stroke='inherit' stroke-linecap='round' stroke-width='inherit'/%3E%3C/svg%3E");
    --icon-hamburger-menu: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4H21' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3 12H21' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M3 20H21' stroke='currentColor' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");

    --menu-selector-invoker-font: var(--font-weight--bold) var(--text--medium) / var(--line-height--header) var(--font-family_body);
    --menu-selector-invoker-icon: var(--icon-hamburger-menu);
    --menu-selector-invoker-icon-width: 24px;
    --menu-selector-invoker-icon-height: 24px;
    --menu-selector-invoker-background: var(--interactive_background);
    --menu-selector-invoker-background--hover: var(--interactive_background--hover);
    --menu-selector-invoker-background--active: var(--interactive_background--active);
    --menu-selector-invoker-background--disabled: var(--interactive_background--disabled);
    --menu-selector-invoker-background--selected: var(--interactive_background--selected);
    --menu-selector-invoker-background--selected-hover: var(--interactive_background--selected-hover);

    --icon-menu-selector-delimiter: url("data:image/svg+xml,%3Csvg width='17' height='57' viewBox='0 0 17 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 0H1L16 26V28V29.5L1 56H17V0Z' fill='currentColor' /%3E%3Cpath d='M1 0L15.1073 24.6135C15.7024 25.6519 16 26.826 16 28C16 29.174 15.7024 30.3481 15.1073 31.3865L1 56' stroke='currentColor' stroke-width='2' /%3E%3C/svg%3E");
    --menu-selector-invoker-delimiter: var(--interactive_border);
    --menu-selector-invoker-delimiter--hover: var(--interactive_border--hover);
    --menu-selector-invoker-delimiter--active: var(--interactive_border--active);
    --menu-selector-invoker-delimiter--disabled: var(--interactive_border--disabled);
    --menu-selector-invoker-delimiter--selected: var(--interactive_border--selected);
    --menu-selector-invoker-delimiter--selected-hover: var(--interactive_border--selected-hover);
}