:root {
  --color-standard: #fff;

  --color-brand-100: #f2f3fd;
  --color-brand-200: #dcdff9;
  --color-brand-300: #c6cbf5;
  --color-brand-400: #b0b7f1;
  --color-brand-500: #99a2ec;
  --color-brand-600: #838ee8;
  --color-brand-700: #6d7ae4;
  --color-brand-800: #5766e0;
  --color-brand-900: #3b48b0;
  --color-brand-1000: #1f2a7f;

  --color-neutral-dark-100: #f7f7fa;
  --color-neutral-dark-200: #dcdee6;
  --color-neutral-dark-300: #c1c4d2;
  --color-neutral-dark-400: #a6abbe;
  --color-neutral-dark-500: #8c92a9;
  --color-neutral-dark-600: #717995;
  --color-neutral-dark-700: #566081;
  --color-neutral-dark-800: #3b466d;
  --color-neutral-dark-900: #202d59;
  --color-neutral-dark-1000: #16203e;

  --color-neutral-light-100: #f7f7fa;
  --color-neutral-light-200: #f1f1f6;
  --color-neutral-light-300: #ebecf1;
  --color-neutral-light-400: #e5e6ed;
  --color-neutral-light-500: #dfe0e8;
  --color-neutral-light-600: #d9dbe4;
  --color-neutral-light-700: #d3d5df;
  --color-neutral-light-800: #cdcfdb;
  --color-neutral-light-900: #c7cad6;
  --color-neutral-light-1000: #c1c4d2;

  --color-action-100: #edf1fd;
  --color-action-200: #d6e0fc;
  --color-action-300: #becffa;
  --color-action-400: #a2baf8;
  --color-action-500: #86a6f5;
  --color-action-600: #6a91f3;
  --color-action-700: #4e7df1;
  --color-action-800: #3268ef;
  --color-action-900: #0e3caf;
  --color-action-1000: #07205f;

  --color-warning-100: #fcf5ee;
  --color-warning-200: #f9e8d2;
  --color-warning-300: #f6dbb6;
  --color-warning-400: #f3ce9a;
  --color-warning-500: #efc27e;
  --color-warning-600: #ecb562;
  --color-warning-700: #e9a846;
  --color-warning-800: #e69b2a;
  --color-warning-900: #c97c18;
  --color-warning-1000: #8a4500;

  --color-error-100: #fdeeea;
  --color-error-200: #f7ddd9;
  --color-error-300: #ecbcb7;
  --color-error-400: #e4a39d;
  --color-error-500: #dc8983;
  --color-error-600: #d47069;
  --color-error-700: #cb5750;
  --color-error-800: #c33e36;
  --color-error-900: #82211c;
  --color-error-1000: #5e0d08;

  --color-success-100: #f0f7ed;
  --color-success-200: #dbead5;
  --color-success-300: #c6debe;
  --color-success-400: #b1d1a6;
  --color-success-500: #9cc48e;
  --color-success-600: #87b776;
  --color-success-700: #72ab5f;
  --color-success-800: #5d9e47;
  --color-success-900: #427133;
  --color-success-1000: #27431e;

  /* components */

  /* general */
  --color-general-surface-primary: var(--color-standard);
  --color-general-surface-secondary: var(--color-neutral-dark-100);
  --color-general-surface-tertiary: var(--color-neutral-light-200);

  --color-general-stroke-primary: var(--color-neutral-light-700);
  --color-general-stroke-secondary: var(--color-neutral-light-1000);

  --color-general-text-heading: var(--color-neutral-dark-900);
  --color-general-text-primary: var(--color-neutral-dark-900);
  --color-general-text-secondary: var(--color-neutral-dark-700);
  --color-general-text-spot: var(--color-neutral-dark-600);
  --color-general-text-link-default: var(--color-action-800);
  --color-general-text-link-hover: var(--color-action-900);
  --color-general-text-link-pressed: var(--color-brand-900);
  --color-general-text-error: var(--color-error-900);
  --color-general-text: var(--color-error-800);
  --color-general-text-reversed: var(--color-standard);

  --color-general-icon-default: var(--color-neutral-dark-700);
  --color-general-icon-leading: var(--color-brand-800);

  /* avatar */
  --color-avatar-branding-fill: var(--color-brand-800);
  --color-avatar-branding-stroke: var(--color-brand-500);
  --color-avatar-branding-text-negative: var(--color-standard);
  --color-avatar-branding-text-positive: var(--color-brand-800);

  --color-avatar-neutral-fill: var(--color-neutral-dark-700);
  --color-avatar-neutral-stroke: var(--color-neutral-dark-400);
  --color-avatar-neutral-text-negative: var(--color-neutral-dark-100);
  --color-avatar-neutral-text-positive: var(--color-neutral-dark-700);

  --color-avatar-success-fill: var(--color-success-300);
  --color-avatar-success-stroke: var(--color-success-300);
  --color-avatar-success-text-all: var(--color-success-1000);

  --color-avatar-warning-fill: var(--color-warning-300);
  --color-avatar-warning-stroke: var(--color-warning-300);
  --color-avatar-warning-text-all: var(--color-warning-1000);

  --color-avatar-error-fill: var(--color-error-300);
  --color-avatar-error-stroke: var(--color-error-300);
  --color-avatar-error-text-all: var(--color-error-900);

  /* buttons */
  --color-button-action-default-primary-fill-default: var(--color-brand-800);
  --color-button-action-default-primary-fill-hover: var(--color-brand-900);
  --color-button-action-default-primary-fill-pressed: var(--color-brand-1000);

  --color-button-action-default-primary-stroke-default: var(--color-brand-800);
  --color-button-action-default-primary-stroke-hover: var(--color-brand-900);
  --color-button-action-default-primary-stroke-pressed: var(--color-brand-1000);

  --color-button-action-default-primary-textandicon-default: var(--color-standard);
  --color-button-action-default-primary-textandicon-hover: var(--color-standard);
  --color-button-action-default-primary-textandicon-pressed: var(--color-standard);

  --color-button-action-default-secondary-fill-default: var(--color-action-100);
  --color-button-action-default-secondary-fill-hover: var(--color-action-200);
  --color-button-action-default-secondary-fill-pressed: var(--color-action-300);

  --color-button-action-default-secondary-stroke-default: var(--color-brand-400);
  --color-button-action-default-secondary-stroke-hover: var(--color-action-400);
  --color-button-action-default-secondary-stroke-pressed: var(--color-action-400);

  --color-button-action-default-secondary-textandicon-default: var(--color-brand-800);
  --color-button-action-default-secondary-textandicon-hover: var(--color-action-900);
  --color-button-action-default-secondary-textandicon-pressed: var(--color-action-1000);

  --color-button-action-default-destructive-primary-fill-default: var(--color-error-800);
  --color-button-action-default-destructive-primary-fill-hover: var(--color-error-900);
  --color-button-action-default-destructive-primary-fill-pressed: var(--color-error-1000);

  --color-button-action-default-destructive-primary-stroke-default: var(--color-error-800);
  --color-button-action-default-destructive-primary-stroke-hover: var(--color-error-900);
  --color-button-action-default-destructive-primary-stroke-pressed: var(--color-error-1000);

  --color-button-action-default-destructive-primary-textandicon-default: var(--color-standard);
  --color-button-action-default-destructive-primary-textandicon-hover: var(--color-standard);
  --color-button-action-default-destructive-primary-textandicon-pressed: var(--color-standard);

  --color-button-action-default-destructive-secondary-fill-default: var(--color-error-100);
  --color-button-action-default-destructive-secondary-fill-hover: var(--color-error-300);
  --color-button-action-default-destructive-secondary-fill-pressed: var(--color-error-500);

  --color-button-action-default-destructive-secondary-stroke-default: var(--color-error-400);
  --color-button-action-default-destructive-secondary-stroke-hover: var(--color-error-500);
  --color-button-action-default-destructive-secondary-stroke-pressed: var(--color-error-500);

  --color-button-action-default-destructive-secondary-textandicon-default: var(--color-error-900);
  --color-button-action-default-destructive-secondary-textandicon-hover: var(--color-error-900);
  --color-button-action-default-destructive-secondary-textandicon-active: var(--color-error-1000);

  --color-button-action-default-disabled-fill-all: var(--color-neutral-dark-200);

  --color-button-action-default-disabled-stroke-all: var(--color-neutral-dark-200);

  --color-button-action-default-disabled-textandicon-all: var(--color-neutral-dark-500);

  --color-button-action-reversed-primary-fill-default: var(--color-brand-300);
  --color-button-action-reversed-primary-fill-hover: var(--color-brand-200);
  --color-button-action-reversed-primary-fill-pressed: var(--color-brand-100);

  --color-button-action-reversed-primary-stroke-default: var(--color-brand-300);
  --color-button-action-reversed-primary-stroke-hover: var(--color-brand-200);
  --color-button-action-reversed-primary-stroke-pressed: var(--color-brand-100);

  --color-button-action-reversed-primary-textandicon-default: var(--color-brand-1000);
  --color-button-action-reversed-primary-textandicon-hover: var(--color-brand-1000);
  --color-button-action-reversed-primary-textandicon-pressed: var(--color-brand-900);

  --color-button-action-reversed-secondary-fill-default: var(--color-neutral-dark-900);
  --color-button-action-reversed-secondary-fill-hover: var(--color-neutral-dark-1000);
  --color-button-action-reversed-secondary-fill-pressed: var(--color-neutral-dark-1000);

  --color-button-action-reversed-secondary-stroke-default: var(--color-neutral-dark-600);
  --color-button-action-reversed-secondary-stroke-hover: var(--color-neutral-dark-600);
  --color-button-action-reversed-secondary-stroke-pressed: var(--color-neutral-dark-500);

  --color-button-action-reversed-secondary-textandicon-default: var(--color-brand-300);
  --color-button-action-reversed-secondary-textandicon-hover: var(--color-brand-200);
  --color-button-action-reversed-secondary-textandicon-pressed: var(--color-standard);

  --color-button-form-default-fill-default: var(--color-neutral-light-100);
  --color-button-form-default-fill-default2: var(--color-standard);
  --color-button-form-default-fill-hover: var(--color-neutral-dark-200);
  --color-button-form-default-fill-pressed: var(--color-neutral-dark-400);

  --color-button-form-default-stroke-default: var(--color-neutral-dark-300);
  --color-button-form-default-stroke-hover: var(--color-neutral-dark-300);
  --color-button-form-default-stroke-pressed: var(--color-neutral-dark-500);

  --color-button-form-default-textandicon-default: var(--color-neutral-dark-700);
  --color-button-form-default-textandicon-hover: var(--color-neutral-dark-900);
  --color-button-form-default-textandicon-pressed: var(--color-neutral-dark-900);

  --color-button-form-destructive-fill-default: var(--color-error-100);
  --color-button-form-destructive-fill-hover: var(--color-error-300);
  --color-button-form-destructive-fill-pressed: var(--color-error-500);

  --color-button-form-destructive-stroke-default: var(--color-error-500);
  --color-button-form-destructive-stroke-hover: var(--color-error-500);
  --color-button-form-destructive-stroke-pressed: var(--color-error-500);

  --color-button-form-destructive-textandicon-default: var(--color-error-900);
  --color-button-form-destructive-textandicon-hover: var(--color-error-900);
  --color-button-form-destructive-textandicon-pressed: var(--color-error-1000);

  --color-button-form-disabled-fill-default: var(--color-neutral-light-100);

  --color-button-form-disabled-stroke-default: var(--color-neutral-dark-300);

  --color-button-form-disabled-textandicon-disabled: var(--color-neutral-dark-400);

  --color-button-icon-default-secondary-fill-default: var(--color-standard);
  --color-button-icon-default-secondary-fill-hover: var(--color-action-200);
  --color-button-icon-default-secondary-fill-pressed: var(--color-action-300);

  --color-button-icon-default-secondary-stroke-default: var(--color-neutral-light-1000);
  --color-button-icon-default-secondary-stroke-hover: var(--color-action-400);
  --color-button-icon-default-secondary-stroke-pressed: var(--color-action-400);

  --color-button-icon-default-secondary-textandicon-default: var(--color-neutral-dark-700);
  --color-button-icon-default-secondary-textandicon-hover: var(--color-action-900);
  --color-button-icon-default-secondary-textandicon-pressed: var(--color-action-1000);

  --color-button-icon-destructive-secondary-fill-default: var(--color-standard);
  --color-button-icon-destructive-secondary-fill-hover: var(--color-error-300);
  --color-button-icon-destructive-secondary-fill-pressed: var(--color-error-500);

  --color-button-icon-destructive-secondary-stroke-default: var(--color-neutral-light-1000);
  --color-button-icon-destructive-secondary-stroke-hover: var(--color-error-500);
  --color-button-icon-destructive-secondary-stroke-pressed: var(--color-error-500);

  --color-button-icon-destructive-secondary-textandicon-default: var(--color-neutral-dark-700);
  --color-button-icon-destructive-secondary-textandicon-hover: var(--color-error-900);
  --color-button-icon-destructive-secondary-textandicon-pressed: var(--color-error-1000);

  --color-button-icon-disabled-fill-default: var(--color-neutral-dark-200);

  --color-button-icon-disabled-textandicon-all: var(--color-neutral-dark-400);

  /* card */
  --color-card-tool-fill-default: var(--color-standard);
  --color-card-tool-fill-hover: var(--color-action-100);
  --color-card-tool-fill-pressed: var(--color-action-200);

  --color-card-tool-stroke-default: var(--color-neutral-light-700);
  --color-card-tool-stroke-hover: var(--color-action-300);
  --color-card-tool-stroke-pressed: var(--color-action-300);

    --color-card-tool-leading-icon-default: var(--color-brand-800);
    --color-card-tool-leading-icon-hover: var(--color-brand-800);
    --color-card-tool-leading-icon-pressed: var(--color-brand-800);

    --color-card-tool-trailing-icon-default: var(--color-neutral-dark-700);
    --color-card-tool-trailing-icon-hover: var(--color-brand-900);
    --color-card-tool-trailing-icon-pressed: var(--color-action-1000);

  --color-card-tool-title-default: var(--color-neutral-dark-900);
  --color-card-tool-title-hover: var(--color-action-900);
  --color-card-tool-title-pressed: var(--color-action-1000);

  --color-card-tool-description-default: var(--color-neutral-dark-700);
  --color-card-tool-description-hover: var(--color-action-900);
  --color-card-tool-description-pressed: var(--color-action-1000);

  /* breadcrumb */
  --color-breadcrumb-fill-hover: var(--color-action-200);
  --color-breadcrumb-fill-focus: var(--color-action-300);

  --color-breadcrumb-text-default: var(--color-neutral-dark-700);
  --color-breadcrumb-text-hover: var(--color-action-900);
  --color-breadcrumb-text-focus: var(--color-action-1000);
  --color-breadcrumb-text-active: var(--color-neutral-dark-900);

  --color-breadcrumb-icon-all: var(--color-neutral-dark-400);

  /* calendar */
  --color-calendar-cells-fill-weekday-default: var(--color-standard);
  --color-calendar-cells-fill-weekday-hover: var(--color-action-200);
  --color-calendar-cells-fill-weekday-pressed: var(--color-action-300);
  --color-calendar-cells-fill-weekday-active: var(--color-action-100);

  --color-calendar-cells-fill-weekend-default: var(--color-neutral-light-100);
  --color-calendar-cells-fill-weekend-hover: var(--color-action-200);
  --color-calendar-cells-fill-weekend-pressed: var(--color-action-300);
  --color-calendar-cells-fill-weekend-active: var(--color-action-100);

  --color-calendar-cells-fill-closed-default: var(--color-charts-rouge-100);
  --color-calendar-cells-fill-closed-hover: var(--color-charts-rouge-200);
  --color-calendar-cells-fill-closed-pressed: var(--color-charts-rouge-300);
  --color-calendar-cells-fill-closed-active: var(--color-charts-rouge-100);

  --color-calendar-cells-stroke-day-all: var(--color-neutral-light-700);

  --color-calendar-cells-textandicon-text-default: var(--color-brand-800);
  --color-calendar-cells-textandicon-text-specialday: var(--color-charts-rouge-900);
  --color-calendar-cells-textandicon-date-default: var(--color-neutral-dark-700);
  --color-calendar-cells-textandicon-date-hover: var(--color-brand-900);
  --color-calendar-cells-textandicon-date-pressed: var(--color-brand-1000);
  --color-calendar-cells-textandicon-date-active: var(--color-brand-800);

  --color-calendar-tags-neutrallight-fill-default: var(--color-standard);
  --color-calendar-tags-neutrallight-fill-hover: var(--color-neutral-light-200);
  --color-calendar-tags-neutrallight-fill-active: var(--color-neutral-dark-900);

  --color-calendar-tags-neutrallight-stroke-default: var(--color-neutral-light-1000);
  --color-calendar-tags-neutrallight-stroke-hover: var(--color-neutral-light-1000);
  --color-calendar-tags-neutrallight-stroke-active: var(--color-neutral-dark-900);

  --color-calendar-tags-neutrallight-text-default: var(--color-neutral-dark-700);
  --color-calendar-tags-neutrallight-text-hover: var(--color-neutral-dark-700);
  --color-calendar-tags-neutrallight-text-active: var(--color-standard);

  --color-calendar-tags-orange-fill-default: var(--color-charts-orange-200);
  --color-calendar-tags-orange-fill-hover: var(--color-charts-orange-300);
  --color-calendar-tags-orange-fill-active: var(--color-charts-orange-1000);

  --color-calendar-tags-orange-stroke-default: var(--color-charts-orange-400);
  --color-calendar-tags-orange-stroke-hover: var(--color-charts-orange-600);
  --color-calendar-tags-orange-stroke-active: var(--color-charts-orange-1000);

  --color-calendar-tags-orange-text-default: var(--color-charts-orange-1000);
  --color-calendar-tags-orange-text-hover: var(--color-charts-orange-1000);
  --color-calendar-tags-orange-text-active: var(--color-standard);

  --color-calendar-tags-yellow-fill-default: var(--color-charts-yellow-200);
  --color-calendar-tags-yellow-fill-hover: var(--color-charts-yellow-300);
  --color-calendar-tags-yellow-fill-active: var(--color-charts-yellow-1000);

  --color-calendar-tags-yellow-stroke-default: var(--color-charts-yellow-400);
  --color-calendar-tags-yellow-stroke-hover: var(--color-charts-yellow-600);
  --color-calendar-tags-yellow-stroke-active: var(--color-charts-yellow-1000);

  --color-calendar-tags-yellow-text-default: var(--color-charts-yellow-1000);
  --color-calendar-tags-yellow-text-hover: var(--color-charts-yellow-1000);
  --color-calendar-tags-yellow-text-active: var(--color-standard);

  --color-calendar-tags-green-fill-default: var(--color-charts-green-200);
  --color-calendar-tags-green-fill-hover: var(--color-charts-green-300);
  --color-calendar-tags-green-fill-active: var(--color-charts-green-1000);

  --color-calendar-tags-green-stroke-default: var(--color-charts-green-400);
  --color-calendar-tags-green-stroke-hover: var(--color-charts-green-600);
  --color-calendar-tags-green-stroke-active: var(--color-charts-green-1000);

  --color-calendar-tags-green-text-default: var(--color-charts-green-1000);
  --color-calendar-tags-green-text-hover: var(--color-charts-green-1000);
  --color-calendar-tags-green-text-active: var(--color-standard);

  --color-calendar-tags-turquoise-fill-default: var(--color-charts-turqoise-200);
  --color-calendar-tags-turquoise-fill-hover: var(--color-charts-turqoise-300);
  --color-calendar-tags-turquoise-fill-active: var(--color-charts-turqoise-1000);

  --color-calendar-tags-turquoise-stroke-default: var(--color-charts-turqoise-400);
  --color-calendar-tags-turquoise-stroke-hover: var(--color-charts-turqoise-600);
  --color-calendar-tags-turquoise-stroke-active: var(--color-charts-turqoise-1000);

  --color-calendar-tags-turquoise-text-default: var(--color-charts-turqoise-1000);
  --color-calendar-tags-turquoise-text-hover: var(--color-charts-turqoise-1000);
  --color-calendar-tags-turquoise-text-active: var(--color-standard);

  --color-calendar-tags-blue-fill-default: var(--color-charts-blue-200);
  --color-calendar-tags-blue-fill-hover: var(--color-charts-blue-300);
  --color-calendar-tags-blue-fill-active: var(--color-charts-blue-1000);

  --color-calendar-tags-blue-stroke-default: var(--color-charts-blue-400);
  --color-calendar-tags-blue-stroke-hover: var(--color-charts-blue-600);
  --color-calendar-tags-blue-stroke-active: var(--color-charts-blue-1000);

  --color-calendar-tags-blue-text-default: var(--color-charts-blue-1000);
  --color-calendar-tags-blue-text-hover: var(--color-charts-blue-1000);
  --color-calendar-tags-blue-text-active: var(--color-standard);

  --color-calendar-tags-purple-fill-default: var(--color-charts-purple-200);
  --color-calendar-tags-purple-fill-hover: var(--color-charts-purple-300);
  --color-calendar-tags-purple-fill-active: var(--color-charts-purple-1000);

  --color-calendar-tags-purple-stroke-default: var(--color-charts-purple-400);
  --color-calendar-tags-purple-stroke-hover: var(--color-charts-purple-600);
  --color-calendar-tags-purple-stroke-active: var(--color-charts-purple-1000);

  --color-calendar-tags-purple-text-default: var(--color-charts-purple-1000);
  --color-calendar-tags-purple-text-hover: var(--color-charts-purple-1000);
  --color-calendar-tags-purple-text-active: var(--color-standard);

  --color-calendar-tags-rouge-fill-default: var(--color-charts-rouge-200);
  --color-calendar-tags-rouge-fill-hover: var(--color-charts-rouge-300);
  --color-calendar-tags-rouge-fill-active: var(--color-charts-rouge-1000);

  --color-calendar-tags-rouge-stroke-default: var(--color-charts-rouge-400);
  --color-calendar-tags-rouge-stroke-hover: var(--color-charts-rouge-600);
  --color-calendar-tags-rouge-stroke-active: var(--color-charts-rouge-1000);

  --color-calendar-tags-rouge-text-default: var(--color-charts-rouge-1000);
  --color-calendar-tags-rouge-text-hover: var(--color-charts-rouge-1000);
  --color-calendar-tags-rouge-text-active: var(--color-standard);

  --color-calendar-indication-orange-fill-default: var(--color-charts-orange-800);

  --color-calendar-indication-yellow-fill-default: var(--color-charts-yellow-800);

  --color-calendar-indication-green-fill-default: var(--color-charts-green-800);

  --color-calendar-indication-turquoise-fill-default: var(--color-charts-turqoise-800);

  --color-calendar-indication-blue-fill-default: var(--color-charts-blue-800);

  --color-calendar-indication-purple-fill-default: var(--color-charts-purple-800);

  --color-calendar-indication-rouge-fill-default: var(--color-charts-rouge-800);

  --color-calendar-indication-grey-fill-default: var(--color-neutral-light-700);

  /* forms */
  --color-forms-selectioncontrollers-default: var(--color-neutral-dark-500);
  --color-forms-selectioncontrollers-hover: var(--color-brand-900);
  --color-forms-selectioncontrollers-active: var(--color-brand-800);

  --color-forms-selectioncontrollers-reversed-default: var(--color-neutral-dark-500);
  --color-forms-selectioncontrollers-reversed-hover: var(--color-brand-200);
  --color-forms-selectioncontrollers-reversed-active: var(--color-brand-300);

  --color-forms-normal-fill-default: var(--color-standard);
  --color-forms-normal-fill-hover: var(--color-neutral-light-100);
  --color-forms-normal-fill-active: var(--color-action-100);

  --color-forms-normal-stroke-default: var(--color-neutral-dark-300);
  --color-forms-normal-stroke-hover: var(--color-neutral-dark-400);
  --color-forms-normal-stroke-active: var(--color-brand-700);

  --color-forms-normal-text-default: var(--color-neutral-dark-700);
  --color-forms-normal-text-hover: var(--color-neutral-dark-700);
  --color-forms-normal-text-active: var(--color-neutral-dark-900);
  --color-forms-normal-text-spottext: var(--color-neutral-dark-600);
  --color-forms-normal-text-labels: var(--color-neutral-dark-900);

  --color-forms-normal-icon-all: var(--color-neutral-dark-600);

  --color-forms-error-fill-default: var(--color-error-100);
  --color-forms-error-fill-hover: var(--color-error-200);
  --color-forms-error-fill-active: var(--color-error-100);

  --color-forms-error-stroke-default: var(--color-error-600);
  --color-forms-error-stroke-hover: var(--color-error-700);
  --color-forms-error-stroke-active: var(--color-action-700);

  --color-forms-error-text-all: var(--color-error-900);

  --color-forms-error-icon-all: var(--color-error-900);

  /* menu */
  --color-menu-background-sidemenu-fill: var(--color-neutral-dark-900);
  --color-menu-background-sidemenu-stroke: var(--color-neutral-dark-700);
  --color-menu-background-topmenu-branding-fill: var(--color-brand-800);
  --color-menu-background-topmenu-branding-icon: var(--color-brand-300);
  --color-menu-background-topmenu-neutral-fill: var(--color-standard);
  --color-menu-background-topmenu-neutral-stroke: var(--color-neutral-light-500);

  --color-menu-fill-default: var(--color-neutral-dark-900);
  --color-menu-fill-hover: var(--color-neutral-dark-700);
  --color-menu-fill-focus: var(--color-neutral-dark-1000);
  --color-menu-fill-active: var(--color-neutral-dark-800);

  --color-menu-stroke-default: var(--color-neutral-dark-700);

  --color-menu-text-default: var(--color-neutral-dark-600);
  --color-menu-text-hover: var(--color-brand-800);
  --color-menu-text-focus: var(--color-neutral-dark-100);
  --color-menu-text-active: var(--color-standard);

  --color-menu-avatar-fill-default: var(--color-neutral-dark-700);
  --color-menu-avatar-fill-hover: var(--color-neutral-dark-300);
  --color-menu-avatar-fill-focus: var(--color-neutral-dark-700);
  --color-menu-avatar-fill-active: var(--color-neutral-dark-700);

  --color-menu-avatar-text-default: var(--color-neutral-dark-200);
  --color-menu-avatar-text-hover: var(--color-brand-800);
  --color-menu-avatar-text-focus: var(--color-neutral-dark-100);
  --color-menu-avatar-text-active: var(--color-standard);

  --color-menu-status-fill-success: var(--color-success-700);
  --color-menu-status-fill-warning: var(--color-warning-700);
  --color-menu-status-fill-error: var(--color-error-700);

  /* messages */
  --color-messages-default1-fill: var(--color-standard);
  --color-messages-default1-stroke: var(--color-neutral-light-700);
  --color-messages-default1-leadingicon: var(--color-brand-800);
  --color-messages-default1-trailingicon: var(--color-neutral-dark-600);
  --color-messages-default1-text: var(--color-neutral-dark-800);

  --color-messages-default2-fill: var(--color-brand-100);
  --color-messages-default2-stroke: var(--color-brand-300);
  --color-messages-default2-leadingicon: var(--color-brand-900);
  --color-messages-default2-trailingicon: var(--color-brand-900);
  --color-messages-default2-text: var(--color-brand-900);

  --color-messages-alert-fill: var(--color-warning-100);
  --color-messages-alert-stroke: var(--color-warning-300);
  --color-messages-alert-leadingicon: var(--color-warning-1000);
  --color-messages-alert-trailingicon: var(--color-warning-1000);
  --color-messages-alert-text: var(--color-warning-1000);

  --color-messages-success-fill: var(--color-success-100);
  --color-messages-success-stroke: var(--color-success-300);
  --color-messages-success-leadingicon: var(--color-success-1000);
  --color-messages-success-trailingicon: var(--color-success-1000);
  --color-messages-success-text: var(--color-success-1000);

  --color-messages-error-fill: var(--color-error-100);
  --color-messages-error-stroke: var(--color-error-300);
  --color-messages-error-leadingicon: var(--color-error-1000);
  --color-messages-error-trailingicon: var(--color-error-1000);
  --color-messages-error-text: var(--color-error-1000);

  --color-toast-messages-default1-fill: var(--color-neutral-dark-900);
  --color-toast-messages-default1-trailingicon: var(--color-neutral-dark-400);
  --color-toast-messages-default1-leadingicon: var(--color-neutral-dark-400);

  /* tabs */
  --color-tabs-fill-default: var(--color-standard);
  --color-tabs-fill-hover: var(--color-charts-blue-200);
  --color-tabs-fill-focus: var(--color-action-300);
  --color-tabs-fill-active: var(--color-neutral-dark-800);

  --color-tabs-stroke-default: var(--color-brand-300);
  --color-tabs-stroke-hover: var(--color-action-400);
  --color-tabs-stroke-focus: var(--color-action-400);
  --color-tabs-stroke-active: var(--color-neutral-dark-800);

  --color-tabs-text-default: var(--color-brand-800);
  --color-tabs-text-hover: var(--color-brand-900);
  --color-tabs-text-focus: var(--color-brand-1000);
  --color-tabs-text-active: var(--color-standard);

  /* tags */
  --color-tags-branding-fill: var(--color-brand-100);
  --color-tags-branding-stroke: var(--color-brand-300);
  --color-tags-branding-textpositive: var(--color-brand-1000);

  --color-tags-neutrallight-fill: var(--color-neutral-dark-100);
  --color-tags-neutrallight-textnegative: var(--color-neutral-dark-700);
  --color-tags-neutrallight-border: var(--color-neutral-light-700);

  --color-tags-neutraldark-fill: var(--color-neutral-dark-700);
  --color-tags-neutraldark-textnegative: var(--color-neutral-dark-100);

  --color-tags-success-fill: var(--color-success-300);
  --color-tags-success-textall: var(--color-success-1000);

  --color-tags-warning-fill: var(--color-warning-300);
  --color-tags-warning-textall: var(--color-warning-1000);

  --color-tags-error-fill: var(--color-error-300);
  --color-tags-error-textall: var(--color-error-1000);
}