@mozaic-ds/angular 0.23.0 → 0.23.2-beta.0

package/dist/mozaic-angular/assets/tokens/adeo/css/_variables.scss

@@ -0,0 +1,626 @@
+$color-badge-info-background: var(--color-badge-info-background, #daeff7);
+$color-badge-info-border: var(--color-badge-info-border, #0b96cc);
+$color-badge-info-text: var(--color-badge-info-text, #005c91);
+$color-badge-success-background: var(--color-badge-success-background, #ebf5de);
+$color-badge-success-border: var(--color-badge-success-border, #46a610);
+$color-badge-success-text: var(--color-badge-success-text, #006902);
+$color-badge-warning-background: var(--color-badge-warning-background, #fdf1e8);
+$color-badge-warning-border: var(--color-badge-warning-border, #ea7315);
+$color-badge-warning-text: var(--color-badge-warning-text, #8c3500);
+$color-badge-danger-background: var(--color-badge-danger-background, #fdeaea);
+$color-badge-danger-border: var(--color-badge-danger-border, #ea302d);
+$color-badge-danger-text: var(--color-badge-danger-text, #8c0003);
+$color-badge-neutral-background: var(--color-badge-neutral-background, #e6e6e6);
+$color-badge-neutral-border: var(--color-badge-neutral-border, #808080);
+$color-badge-neutral-text: var(--color-badge-neutral-text, #4d4d4d);
+$color-primary-01-100: var(--color-primary-01-100, #d9f0f3);
+$color-primary-01-200: var(--color-primary-01-200, #91d5db);
+$color-primary-01-300: var(--color-primary-01-300, #48bac4);
+$color-primary-01-400: var(--color-primary-01-400, #009eac);
+$color-primary-01-500: var(--color-primary-01-500, #00919f);
+$color-primary-01-600: var(--color-primary-01-600, #007f8c);
+$color-primary-01-700: var(--color-primary-01-700, #006974);
+$color-primary-01-800: var(--color-primary-01-800, #004e57);
+$color-primary-01-900: var(--color-primary-01-900, #002e33);
+$color-primary-02-100: var(--color-primary-02-100, #eeeff1);
+$color-primary-02-200: var(--color-primary-02-200, #cfd2d8);
+$color-primary-02-300: var(--color-primary-02-300, #b3b7c1);
+$color-primary-02-400: var(--color-primary-02-400, #8f94a3);
+$color-primary-02-500: var(--color-primary-02-500, #6a7081);
+$color-primary-02-600: var(--color-primary-02-600, #494f60);
+$color-primary-02-700: var(--color-primary-02-700, #343b4c);
+$color-primary-02-800: var(--color-primary-02-800, #242938);
+$color-primary-02-900: var(--color-primary-02-900, #171b26);
+$color-grey-100: var(--color-grey-100, #e6e6e6);
+$color-grey-200: var(--color-grey-200, #cccccc);
+$color-grey-300: var(--color-grey-300, #b3b3b3);
+$color-grey-400: var(--color-grey-400, #999999);
+$color-grey-500: var(--color-grey-500, #808080);
+$color-grey-600: var(--color-grey-600, #666666);
+$color-grey-700: var(--color-grey-700, #4d4d4d);
+$color-grey-800: var(--color-grey-800, #333333);
+$color-grey-900: var(--color-grey-900, #191919);
+$color-grey-999: var(--color-grey-999, #000000);
+$color-grey-000: var(--color-grey-000, #ffffff);
+$color-secondary-blue-100: var(--color-secondary-blue-100, #eaedef);
+$color-secondary-blue-200: var(--color-secondary-blue-200, #cdd4d8);
+$color-secondary-blue-300: var(--color-secondary-blue-300, #b0bbc0);
+$color-secondary-blue-400: var(--color-secondary-blue-400, #92a2a9);
+$color-secondary-blue-500: var(--color-secondary-blue-500, #758992);
+$color-secondary-blue-600: var(--color-secondary-blue-600, #5b737d);
+$color-secondary-blue-700: var(--color-secondary-blue-700, #405d68);
+$color-secondary-blue-800: var(--color-secondary-blue-800, #264653);
+$color-secondary-blue-900: var(--color-secondary-blue-900, #082435);
+$color-secondary-green-100: var(--color-secondary-green-100, #d9f0f3);
+$color-secondary-green-200: var(--color-secondary-green-200, #91d5db);
+$color-secondary-green-300: var(--color-secondary-green-300, #48bac4);
+$color-secondary-green-400: var(--color-secondary-green-400, #009eac);
+$color-secondary-green-500: var(--color-secondary-green-500, #00919f);
+$color-secondary-green-600: var(--color-secondary-green-600, #007f8c);
+$color-secondary-green-700: var(--color-secondary-green-700, #006974);
+$color-secondary-green-800: var(--color-secondary-green-800, #004e57);
+$color-secondary-green-900: var(--color-secondary-green-900, #002e33);
+$color-secondary-purple-100: var(--color-secondary-purple-100, #e7e7f0);
+$color-secondary-purple-200: var(--color-secondary-purple-200, #c5c5dc);
+$color-secondary-purple-300: var(--color-secondary-purple-300, #a4a3c7);
+$color-secondary-purple-400: var(--color-secondary-purple-400, #8281b2);
+$color-secondary-purple-500: var(--color-secondary-purple-500, #605f9d);
+$color-secondary-purple-600: var(--color-secondary-purple-600, #4b4a8c);
+$color-secondary-purple-700: var(--color-secondary-purple-700, #393879);
+$color-secondary-purple-800: var(--color-secondary-purple-800, #282863);
+$color-secondary-purple-900: var(--color-secondary-purple-900, #1a1a4b);
+$color-secondary-red-100: var(--color-secondary-red-100, #fdeaea);
+$color-secondary-red-200: var(--color-secondary-red-200, #f8bcbb);
+$color-secondary-red-300: var(--color-secondary-red-300, #f38d8c);
+$color-secondary-red-400: var(--color-secondary-red-400, #ef5f5c);
+$color-secondary-red-500: var(--color-secondary-red-500, #ea302d);
+$color-secondary-red-600: var(--color-secondary-red-600, #c61112);
+$color-secondary-red-700: var(--color-secondary-red-700, #8c0003);
+$color-secondary-red-800: var(--color-secondary-red-800, #530000);
+$color-secondary-red-900: var(--color-secondary-red-900, #2d0000);
+$color-secondary-orange-100: var(--color-secondary-orange-100, #fdf1e8);
+$color-secondary-orange-200: var(--color-secondary-orange-200, #f8d2b3);
+$color-secondary-orange-300: var(--color-secondary-orange-300, #f4b27e);
+$color-secondary-orange-400: var(--color-secondary-orange-400, #ef934a);
+$color-secondary-orange-500: var(--color-secondary-orange-500, #ea7315);
+$color-secondary-orange-600: var(--color-secondary-orange-600, #c65200);
+$color-secondary-orange-700: var(--color-secondary-orange-700, #8c3500);
+$color-secondary-orange-800: var(--color-secondary-orange-800, #531b00);
+$color-secondary-orange-900: var(--color-secondary-orange-900, #360e00);
+$color-secondary-yellow-100: var(--color-secondary-yellow-100, #fff8e2);
+$color-secondary-yellow-200: var(--color-secondary-yellow-200, #ffebaf);
+$color-secondary-yellow-300: var(--color-secondary-yellow-300, #fee07d);
+$color-secondary-yellow-400: var(--color-secondary-yellow-400, #fcd64c);
+$color-secondary-yellow-500: var(--color-secondary-yellow-500, #f8cc1c);
+$color-secondary-yellow-600: var(--color-secondary-yellow-600, #c9a21b);
+$color-secondary-yellow-700: var(--color-secondary-yellow-700, #9c7b18);
+$color-secondary-yellow-800: var(--color-secondary-yellow-800, #705613);
+$color-secondary-yellow-900: var(--color-secondary-yellow-900, #46350d);
+$color-danger-100: var(--color-danger-100, #fdeaea);
+$color-danger-200: var(--color-danger-200, #f8bcbb);
+$color-danger-300: var(--color-danger-300, #f38d8c);
+$color-danger-400: var(--color-danger-400, #ef5f5c);
+$color-danger-500: var(--color-danger-500, #ea302d);
+$color-danger-600: var(--color-danger-600, #c61112);
+$color-danger-700: var(--color-danger-700, #8c0003);
+$color-danger-800: var(--color-danger-800, #530000);
+$color-danger-900: var(--color-danger-900, #2d0000);
+$color-info-100: var(--color-info-100, #daeff7);
+$color-info-200: var(--color-info-200, #a7d9ed);
+$color-info-300: var(--color-info-300, #73c3e2);
+$color-info-400: var(--color-info-400, #3facd7);
+$color-info-500: var(--color-info-500, #0b96cc);
+$color-info-600: var(--color-info-600, #007bb4);
+$color-info-700: var(--color-info-700, #005c91);
+$color-info-800: var(--color-info-800, #003a5c);
+$color-info-900: var(--color-info-900, #002a41);
+$color-warning-100: var(--color-warning-100, #fdf1e8);
+$color-warning-200: var(--color-warning-200, #f8d2b3);
+$color-warning-300: var(--color-warning-300, #f4b27e);
+$color-warning-400: var(--color-warning-400, #ef934a);
+$color-warning-500: var(--color-warning-500, #ea7315);
+$color-warning-600: var(--color-warning-600, #c65200);
+$color-warning-700: var(--color-warning-700, #8c3500);
+$color-warning-800: var(--color-warning-800, #531b00);
+$color-warning-900: var(--color-warning-900, #360e00);
+$color-success-100: var(--color-success-100, #ebf5de);
+$color-success-200: var(--color-success-200, #c5e39e);
+$color-success-300: var(--color-success-300, #9ed05f);
+$color-success-400: var(--color-success-400, #78be20);
+$color-success-500: var(--color-success-500, #46a610);
+$color-success-600: var(--color-success-600, #188803);
+$color-success-700: var(--color-success-700, #006902);
+$color-success-800: var(--color-success-800, #035010);
+$color-success-900: var(--color-success-900, #023618);
+$color-breadcrumb-arrow: var(--color-breadcrumb-arrow, #333333);
+$color-breadcrumb-arrow-invert: var(--color-breadcrumb-arrow-invert, #ffffff);
+$color-button-solid-background: var(--color-button-solid-background, #007f8c);
+$color-button-solid-font: var(--color-button-solid-font, #ffffff);
+$color-button-solid-focus-border: var(--color-button-solid-focus-border, #006974);
+$color-button-solid-disabled-background: var(--color-button-solid-disabled-background, #cccccc);
+$color-button-solid-disabled-font: var(--color-button-solid-disabled-font, #666666);
+$color-button-solid-active-background: var(--color-button-solid-active-background, #006974);
+$color-button-solid-hover-background: var(--color-button-solid-hover-background, #006974);
+$color-button-solid-hover-font: var(--color-button-solid-hover-font, #ffffff);
+$color-button-solid-primary-02-background: var(--color-button-solid-primary-02-background, #6a7081);
+$color-button-solid-primary-02-font: var(--color-button-solid-primary-02-font, #ffffff);
+$color-button-solid-primary-02-focus-border: var(
+  --color-button-solid-primary-02-focus-border,
+  #171b26
+);
+$color-button-solid-primary-02-disabled-background: var(
+  --color-button-solid-primary-02-disabled-background,
+  #cccccc
+);
+$color-button-solid-primary-02-disabled-font: var(
+  --color-button-solid-primary-02-disabled-font,
+  #666666
+);
+$color-button-solid-primary-02-active-background: var(
+  --color-button-solid-primary-02-active-background,
+  #171b26
+);
+$color-button-solid-primary-02-hover-background: var(
+  --color-button-solid-primary-02-hover-background,
+  #242938
+);
+$color-button-solid-primary-02-hover-font: var(--color-button-solid-primary-02-hover-font, #ffffff);
+$color-button-solid-neutral-background: var(--color-button-solid-neutral-background, #333333);
+$color-button-solid-neutral-font: var(--color-button-solid-neutral-font, #ffffff);
+$color-button-solid-neutral-focus-border: var(--color-button-solid-neutral-focus-border, #191919);
+$color-button-solid-neutral-disabled-background: var(
+  --color-button-solid-neutral-disabled-background,
+  #cccccc
+);
+$color-button-solid-neutral-disabled-font: var(--color-button-solid-neutral-disabled-font, #666666);
+$color-button-solid-neutral-active-background: var(
+  --color-button-solid-neutral-active-background,
+  #333333
+);
+$color-button-solid-neutral-hover-background: var(
+  --color-button-solid-neutral-hover-background,
+  #191919
+);
+$color-button-solid-neutral-hover-font: var(--color-button-solid-neutral-hover-font, #ffffff);
+$color-button-solid-danger-background: var(--color-button-solid-danger-background, #c61112);
+$color-button-solid-danger-font: var(--color-button-solid-danger-font, #ffffff);
+$color-button-solid-danger-focus-border: var(--color-button-solid-danger-focus-border, #8c0003);
+$color-button-solid-danger-disabled-background: var(
+  --color-button-solid-danger-disabled-background,
+  #cccccc
+);
+$color-button-solid-danger-disabled-font: var(--color-button-solid-danger-disabled-font, #666666);
+$color-button-solid-danger-active-background: var(
+  --color-button-solid-danger-active-background,
+  #8c0003
+);
+$color-button-solid-danger-hover-background: var(
+  --color-button-solid-danger-hover-background,
+  #8c0003
+);
+$color-button-solid-danger-hover-font: var(--color-button-solid-danger-hover-font, #ffffff);
+$color-button-bordered-background: var(--color-button-bordered-background, #ffffff);
+$color-button-bordered-border: var(--color-button-bordered-border, #007f8c);
+$color-button-bordered-font: var(--color-button-bordered-font, #007f8c);
+$color-button-bordered-focus-border: var(--color-button-bordered-focus-border, #006974);
+$color-button-bordered-disabled-background: var(
+  --color-button-bordered-disabled-background,
+  #cccccc
+);
+$color-button-bordered-disabled-font: var(--color-button-bordered-disabled-font, #666666);
+$color-button-bordered-active-background: var(--color-button-bordered-active-background, #91d5db);
+$color-button-bordered-active-font: var(--color-button-bordered-active-font, #004e57);
+$color-button-bordered-hover-background: var(--color-button-bordered-hover-background, #d9f0f3);
+$color-button-bordered-hover-font: var(--color-button-bordered-hover-font, #006974);
+$color-button-bordered-primary-02-background: var(
+  --color-button-bordered-primary-02-background,
+  #ffffff
+);
+$color-button-bordered-primary-02-border: var(--color-button-bordered-primary-02-border, #6a7081);
+$color-button-bordered-primary-02-font: var(--color-button-bordered-primary-02-font, #6a7081);
+$color-button-bordered-primary-02-focus-border: var(
+  --color-button-bordered-primary-02-focus-border,
+  #171b26
+);
+$color-button-bordered-primary-02-disabled-background: var(
+  --color-button-bordered-primary-02-disabled-background,
+  #cccccc
+);
+$color-button-bordered-primary-02-disabled-font: var(
+  --color-button-bordered-primary-02-disabled-font,
+  #666666
+);
+$color-button-bordered-primary-02-active-background: var(
+  --color-button-bordered-primary-02-active-background,
+  #cfd2d8
+);
+$color-button-bordered-primary-02-hover-background: var(
+  --color-button-bordered-primary-02-hover-background,
+  #eeeff1
+);
+$color-button-bordered-neutral-background: var(--color-button-bordered-neutral-background, #ffffff);
+$color-button-bordered-neutral-border: var(--color-button-bordered-neutral-border, #333333);
+$color-button-bordered-neutral-font: var(--color-button-bordered-neutral-font, #333333);
+$color-button-bordered-neutral-focus-border: var(
+  --color-button-bordered-neutral-focus-border,
+  #191919
+);
+$color-button-bordered-neutral-disabled-background: var(
+  --color-button-bordered-neutral-disabled-background,
+  #cccccc
+);
+$color-button-bordered-neutral-disabled-font: var(
+  --color-button-bordered-neutral-disabled-font,
+  #666666
+);
+$color-button-bordered-neutral-active-background: var(
+  --color-button-bordered-neutral-active-background,
+  #cccccc
+);
+$color-button-bordered-neutral-hover-background: var(
+  --color-button-bordered-neutral-hover-background,
+  #e6e6e6
+);
+$color-button-bordered-danger-background: var(--color-button-bordered-danger-background, #ffffff);
+$color-button-bordered-danger-border: var(--color-button-bordered-danger-border, #c61112);
+$color-button-bordered-danger-font: var(--color-button-bordered-danger-font, #c61112);
+$color-button-bordered-danger-focus-border: var(
+  --color-button-bordered-danger-focus-border,
+  #8c0003
+);
+$color-button-bordered-danger-disabled-background: var(
+  --color-button-bordered-danger-disabled-background,
+  #cccccc
+);
+$color-button-bordered-danger-disabled-font: var(
+  --color-button-bordered-danger-disabled-font,
+  #666666
+);
+$color-button-bordered-danger-active-background: var(
+  --color-button-bordered-danger-active-background,
+  #f8bcbb
+);
+$color-button-bordered-danger-active-font: var(--color-button-bordered-danger-active-font, #530000);
+$color-button-bordered-danger-hover-background: var(
+  --color-button-bordered-danger-hover-background,
+  #fdeaea
+);
+$color-button-bordered-danger-hover-font: var(--color-button-bordered-danger-hover-font, #8c0003);
+$color-card-bordered-background: var(--color-card-bordered-background, #ffffff);
+$color-card-bordered-border: var(--color-card-bordered-border, #808080);
+$color-datatable-filters-border: var(--color-datatable-filters-border, #b0bbc0);
+$color-datatable-container-background: var(--color-datatable-container-background, #e7e7f0);
+$color-datatable-thead-font: var(--color-datatable-thead-font, #393879);
+$color-datatable-sort-arrow-default: var(--color-datatable-sort-arrow-default, #cdd4d8);
+$color-datatable-sort-arrow-active: var(--color-datatable-sort-arrow-active, #605f9d);
+$color-datatable-cell-font: var(--color-datatable-cell-font, #191919);
+$color-datatable-cell-background-hover: var(--color-datatable-cell-background-hover, #eaedef);
+$color-datatable-cell-background-selected: var(--color-datatable-cell-background-selected, #d9f0f3);
+$color-datatable-subtable-background: var(--color-datatable-subtable-background, #e7e7f0);
+$color-datatable-subtable-border: var(--color-datatable-subtable-border, #a4a3c7);
+$color-datatable-subtable-font: var(--color-datatable-subtable-font, #1a1a4b);
+$color-datatable-icon: var(--color-datatable-icon, #007f8c);
+$color-datatable-empty-background: var(--color-datatable-empty-background, #e7e7f0);
+$color-datatable-empty-color: var(--color-datatable-empty-color, #4b4a8c);
+$color-dialog-background: var(--color-dialog-background, #ffffff);
+$color-dialog-icon: var(--color-dialog-icon, #666666);
+$color-dialog-close: var(--color-dialog-close, #808080);
+$color-dialog-footer-shadow: var(--color-dialog-footer-shadow, #191919);
+$color-divider-lightest: var(--color-divider-lightest, #ffffff);
+$color-divider-light: var(--color-divider-light, #b3b3b3);
+$color-divider-default: var(--color-divider-default, #666666);
+$color-divider-dark: var(--color-divider-dark, #000000);
+$color-fields-error: var(--color-fields-error, #c61112);
+$color-fields-label: var(--color-fields-label, #333333);
+$color-fields-requirement: var(--color-fields-requirement, #666666);
+$color-fields-help: var(--color-fields-help, #666666);
+$color-fileuploader-font: var(--color-fileuploader-font, #000000);
+$color-fileuploader-files-list: var(--color-fileuploader-files-list, #e6e6e6);
+$color-fileuploader-files-delete: var(--color-fileuploader-files-delete, #cccccc);
+$color-fileuploader-valid: var(--color-fileuploader-valid, #00919f);
+$color-fileuploader-alert: var(--color-fileuploader-alert, #c61112);
+$color-flag-solid-background: var(--color-flag-solid-background, #007f8c);
+$color-flag-solid-border: var(--color-flag-solid-border, #007f8c);
+$color-flag-solid-text: var(--color-flag-solid-text, #ffffff);
+$color-flag-solid-primary-02-background: var(--color-flag-solid-primary-02-background, #4b4a8c);
+$color-flag-solid-primary-02-border: var(--color-flag-solid-primary-02-border, #4b4a8c);
+$color-flag-solid-primary-02-text: var(--color-flag-solid-primary-02-text, #ffffff);
+$color-flag-solid-dark-background: var(--color-flag-solid-dark-background, #000000);
+$color-flag-solid-dark-border: var(--color-flag-solid-dark-border, #000000);
+$color-flag-solid-dark-text: var(--color-flag-solid-dark-text, #ffffff);
+$color-flag-solid-light-background: var(--color-flag-solid-light-background, #ffffff);
+$color-flag-solid-light-border: var(--color-flag-solid-light-border, #ffffff);
+$color-flag-solid-light-text: var(--color-flag-solid-light-text, #000000);
+$color-flag-solid-danger-background: var(--color-flag-solid-danger-background, #c61112);
+$color-flag-solid-danger-border: var(--color-flag-solid-danger-border, #c61112);
+$color-flag-solid-danger-text: var(--color-flag-solid-danger-text, #ffffff);
+$color-flag-bordered-background: var(--color-flag-bordered-background, #ffffff);
+$color-flag-bordered-border: var(--color-flag-bordered-border, #007f8c);
+$color-flag-bordered-text: var(--color-flag-bordered-text, #007f8c);
+$color-flag-bordered-primary-02-background: var(
+  --color-flag-bordered-primary-02-background,
+  #ffffff
+);
+$color-flag-bordered-primary-02-border: var(--color-flag-bordered-primary-02-border, #4b4a8c);
+$color-flag-bordered-primary-02-text: var(--color-flag-bordered-primary-02-text, #4b4a8c);
+$color-flag-bordered-dark-background: var(--color-flag-bordered-dark-background, #ffffff);
+$color-flag-bordered-dark-border: var(--color-flag-bordered-dark-border, #000000);
+$color-flag-bordered-dark-text: var(--color-flag-bordered-dark-text, #000000);
+$color-flag-bordered-light-background: var(--color-flag-bordered-light-background, #000000);
+$color-flag-bordered-light-border: var(--color-flag-bordered-light-border, #ffffff);
+$color-flag-bordered-light-text: var(--color-flag-bordered-light-text, #ffffff);
+$color-flag-bordered-danger-background: var(--color-flag-bordered-danger-background, #ffffff);
+$color-flag-bordered-danger-border: var(--color-flag-bordered-danger-border, #c61112);
+$color-flag-bordered-danger-text: var(--color-flag-bordered-danger-text, #c61112);
+$color-focus-gap: var(--color-focus-gap, #ffffff);
+$color-focus-border: var(--color-focus-border, #758992);
+$color-font-primary-01: var(--color-font-primary-01, #007f8c);
+$color-font-primary-02: var(--color-font-primary-02, #6a7081);
+$color-font-darkest: var(--color-font-darkest, #000000);
+$color-font-darker: var(--color-font-darker, #191919);
+$color-font-dark: var(--color-font-dark, #333333);
+$color-font-light: var(--color-font-light, #666666);
+$color-font-lightest: var(--color-font-lightest, #ffffff);
+$color-font-info: var(--color-font-info, #007bb4);
+$color-font-success: var(--color-font-success, #188803);
+$color-font-warning: var(--color-font-warning, #c65200);
+$color-font-danger: var(--color-font-danger, #c61112);
+$color-heading-underline-default: var(--color-heading-underline-default, #00919f);
+$color-heading-underline-lightest: var(--color-heading-underline-lightest, #91d5db);
+$color-hero-cover-background: var(--color-hero-cover-background, #191919);
+$color-input-text: var(--color-input-text, #191919);
+$color-input-border: var(--color-input-border, #666666);
+$color-input-placeholder: var(--color-input-placeholder, #666666);
+$color-input-background: var(--color-input-background, #ffffff);
+$color-input-disabled-background: var(--color-input-disabled-background, #e6e6e6);
+$color-input-disabled-border: var(--color-input-disabled-border, #e6e6e6);
+$color-input-disabled-icon: var(--color-input-disabled-icon, #999999);
+$color-input-disabled-label: var(--color-input-disabled-label, #808080);
+$color-input-hover-border: var(--color-input-hover-border, #191919);
+$color-input-focus-border: var(--color-input-focus-border, #758992);
+$color-input-valid-border: var(--color-input-valid-border, #46a610);
+$color-input-valid-hover-border: var(--color-input-valid-hover-border, #035010);
+$color-input-invalid-border: var(--color-input-invalid-border, #c61112);
+$color-input-invalid-hover-border: var(--color-input-invalid-hover-border, #530000);
+$color-input-checked-border: var(--color-input-checked-border, #00919f);
+$color-input-checked-background: var(--color-input-checked-background, #00919f);
+$color-input-checked-icon: var(--color-input-checked-icon, #ffffff);
+$color-input-checked-hover-border: var(--color-input-checked-hover-border, #004e57);
+$color-link-dark-base: var(--color-link-dark-base, #000000);
+$color-link-dark-visited: var(--color-link-dark-visited, #333333);
+$color-link-dark-active: var(--color-link-dark-active, #333333);
+$color-link-dark-disabled: var(--color-link-dark-disabled, #e6e6e6);
+$color-link-dark-hover: var(--color-link-dark-hover, #666666);
+$color-link-light-base: var(--color-link-light-base, #ffffff);
+$color-link-light-visited: var(--color-link-light-visited, #cccccc);
+$color-link-light-active: var(--color-link-light-active, #cccccc);
+$color-link-light-disabled: var(--color-link-light-disabled, #e6e6e6);
+$color-link-light-hover: var(--color-link-light-hover, #999999);
+$color-link-primary-base: var(--color-link-primary-base, #007f8c);
+$color-link-primary-visited: var(--color-link-primary-visited, #006974);
+$color-link-primary-active: var(--color-link-primary-active, #006974);
+$color-link-primary-disabled: var(--color-link-primary-disabled, #e6e6e6);
+$color-link-primary-hover: var(--color-link-primary-hover, #004e57);
+$color-link-primary-02-base: var(--color-link-primary-02-base, #494f60);
+$color-link-primary-02-visited: var(--color-link-primary-02-visited, #343b4c);
+$color-link-primary-02-active: var(--color-link-primary-02-active, #343b4c);
+$color-link-primary-02-disabled: var(--color-link-primary-02-disabled, #e6e6e6);
+$color-link-primary-02-hover: var(--color-link-primary-02-hover, #171b26);
+$color-link-danger-base: var(--color-link-danger-base, #c61112);
+$color-link-danger-visited: var(--color-link-danger-visited, #8c0003);
+$color-link-danger-active: var(--color-link-danger-active, #8c0003);
+$color-link-danger-disabled: var(--color-link-danger-disabled, #e6e6e6);
+$color-link-danger-hover: var(--color-link-danger-hover, #530000);
+$color-listbox-background: var(--color-listbox-background, #ffffff);
+$color-listbox-border: var(--color-listbox-border, #666666);
+$color-listbox-tile-border: var(--color-listbox-tile-border, #b3b3b3);
+$color-listbox-tile-shadow: var(--color-listbox-tile-shadow, #191919);
+$color-listbox-tile-hover-background: var(--color-listbox-tile-hover-background, #e6e6e6);
+$color-listbox-disabled-background: var(--color-listbox-disabled-background, #cccccc);
+$color-notification-font: var(--color-notification-font, #000000);
+$color-notification-information-background: var(
+  --color-notification-information-background,
+  #daeff7
+);
+$color-notification-information-border: var(--color-notification-information-border, #0b96cc);
+$color-notification-information-icon: var(--color-notification-information-icon, #007bb4);
+$color-notification-success-background: var(--color-notification-success-background, #ebf5de);
+$color-notification-success-border: var(--color-notification-success-border, #46a610);
+$color-notification-success-icon: var(--color-notification-success-icon, #188803);
+$color-notification-warning-background: var(--color-notification-warning-background, #fdf1e8);
+$color-notification-warning-border: var(--color-notification-warning-border, #ea7315);
+$color-notification-warning-icon: var(--color-notification-warning-icon, #c65200);
+$color-notification-danger-background: var(--color-notification-danger-background, #fdeaea);
+$color-notification-danger-border: var(--color-notification-danger-border, #ea302d);
+$color-notification-danger-icon: var(--color-notification-danger-icon, #c61112);
+$color-option-button-label-shadow: var(--color-option-button-label-shadow, #b3b3b3);
+$color-option-button-hover-label-shadow: var(--color-option-button-hover-label-shadow, #333333);
+$color-option-button-checked-label-border: var(--color-option-button-checked-label-border, #00919f);
+$color-option-button-checked-label-shadow: var(--color-option-button-checked-label-shadow, #d9f0f3);
+$color-option-button-disabled-label-background: var(
+  --color-option-button-disabled-label-background,
+  #cccccc
+);
+$color-option-card-label-shadow: var(--color-option-card-label-shadow, #b3b3b3);
+$color-option-card-hover-label-shadow: var(--color-option-card-hover-label-shadow, #333333);
+$color-option-card-checked-label-border: var(--color-option-card-checked-label-border, #00919f);
+$color-option-card-checked-label-shadow: var(--color-option-card-checked-label-shadow, #d9f0f3);
+$color-option-card-disabled-content: var(--color-option-card-disabled-content, #cccccc);
+$color-option-card-disabled-label: var(--color-option-card-disabled-label, #666666);
+$color-overlay-background: var(--color-overlay-background, #191919);
+$color-overlay-loader-background: var(--color-overlay-loader-background, #082435);
+$color-password-input-button-hover-background: var(
+  --color-password-input-button-hover-background,
+  #e6e6e6
+);
+$color-phone-number-button-border: var(--color-phone-number-button-border, #666666);
+$color-phone-number-list-background: var(--color-phone-number-list-background, #ffffff);
+$color-phone-number-item-border: var(--color-phone-number-item-border, #b3b3b3);
+$color-phone-number-item-focus-background: var(--color-phone-number-item-focus-background, #e6e6e6);
+$color-progress-background: var(--color-progress-background, #cdd4d8);
+$color-progress-indicator: var(--color-progress-indicator, #007f8c);
+$color-progress-percentage-default: var(--color-progress-percentage-default, #191919);
+$color-progress-percentage-half: var(--color-progress-percentage-half, #ffffff);
+$color-sidebar-background: var(--color-sidebar-background, #082435);
+$color-sidebar-feature-background: var(--color-sidebar-feature-background, #082435);
+$color-sidebar-feature-hover-background: var(--color-sidebar-feature-hover-background, #405d68);
+$color-sidebar-feature-selected-background: var(
+  --color-sidebar-feature-selected-background,
+  #5b737d
+);
+$color-sidebar-feature-disabled-background: var(
+  --color-sidebar-feature-disabled-background,
+  #92a2a9
+);
+$color-sidebar-user-background: var(--color-sidebar-user-background, #264653);
+$color-sidebar-divider-background: var(--color-sidebar-divider-background, #5b737d);
+$color-sidebar-icon: var(--color-sidebar-icon, #ffffff);
+$color-sidebar-text-background: var(--color-sidebar-text-background, #e6e6e6);
+$color-sidebar-text-color: var(--color-sidebar-text-color, #ffffff);
+$color-sidebar-scroll-background: var(--color-sidebar-scroll-background, #082435);
+$color-sidebar-scroll-color: var(--color-sidebar-scroll-color, #009eac);
+$color-star-empty: var(--color-star-empty, #ffffff);
+$color-star-focus: var(--color-star-focus, #758992);
+$color-star-full: var(--color-star-full, #ea7315);
+$color-star-hover: var(--color-star-hover, #f4b27e);
+$color-stepper-item-background: var(--color-stepper-item-background, #999999);
+$color-stepper-item-current-background: var(--color-stepper-item-current-background, #00919f);
+$color-stepper-link-hover-text: var(--color-stepper-link-hover-text, #00919f);
+$color-stepper-indicator-background: var(--color-stepper-indicator-background, #ffffff);
+$color-stepper-indicator-border: var(--color-stepper-indicator-border, #999999);
+$color-stepper-indicator-current-background: var(
+  --color-stepper-indicator-current-background,
+  #00919f
+);
+$color-stepper-indicator-current-border: var(--color-stepper-indicator-current-border, #00919f);
+$color-stepper-icon: var(--color-stepper-icon, #00919f);
+$color-stepper-title: var(--color-stepper-title, #00919f);
+$color-tabs-background: var(--color-tabs-background, #ffffff);
+$color-tabs-shadow: var(--color-tabs-shadow, #000000);
+$color-tabs-default: var(--color-tabs-default, #666666);
+$color-tabs-element-background: var(--color-tabs-element-background, #eeedea);
+$color-tabs-hover: var(--color-tabs-hover, #004e57);
+$color-tabs-disabled-background: var(--color-tabs-disabled-background, #cccccc);
+$color-tabs-active-background: var(--color-tabs-active-background, #dddcd5);
+$color-tabs-active-text: var(--color-tabs-active-text, #004e57);
+$color-tabs-selected-border: var(--color-tabs-selected-border, #007f8c);
+$color-tabs-selected-text: var(--color-tabs-selected-text, #007f8c);
+$color-tabs-active-disabled: var(--color-tabs-active-disabled, #91d5db);
+$color-tag-text-light-background: var(--color-tag-text-light-background, #ffffff);
+$color-tag-text-light-border: var(--color-tag-text-light-border, #808080);
+$color-tag-text-light-text: var(--color-tag-text-light-text, #191919);
+$color-tag-text-dark-background: var(--color-tag-text-dark-background, #191919);
+$color-tag-text-dark-border: var(--color-tag-text-dark-border, #ffffff);
+$color-tag-text-dark-text: var(--color-tag-text-dark-text, #ffffff);
+$color-tag-link-light-background: var(--color-tag-link-light-background, #ffffff);
+$color-tag-link-light-border: var(--color-tag-link-light-border, #808080);
+$color-tag-link-light-text: var(--color-tag-link-light-text, #191919);
+$color-tag-link-light-hover-background: var(--color-tag-link-light-hover-background, #e6e6e6);
+$color-tag-link-light-active-background: var(--color-tag-link-light-active-background, #cccccc);
+$color-tag-link-dark-background: var(--color-tag-link-dark-background, #191919);
+$color-tag-link-dark-border: var(--color-tag-link-dark-border, #ffffff);
+$color-tag-link-dark-text: var(--color-tag-link-dark-text, #ffffff);
+$color-tag-link-dark-hover-background: var(--color-tag-link-dark-hover-background, #333333);
+$color-tag-link-dark-active-background: var(--color-tag-link-dark-active-background, #4d4d4d);
+$color-tag-selectable-light-background: var(--color-tag-selectable-light-background, #ffffff);
+$color-tag-selectable-light-border: var(--color-tag-selectable-light-border, #808080);
+$color-tag-selectable-light-text: var(--color-tag-selectable-light-text, #191919);
+$color-tag-selectable-light-hover-background: var(
+  --color-tag-selectable-light-hover-background,
+  #48bac4
+);
+$color-tag-selectable-light-active-background: var(
+  --color-tag-selectable-light-active-background,
+  #004e57
+);
+$color-tag-selectable-light-active-border: var(--color-tag-selectable-light-active-border, #004e57);
+$color-tag-selectable-light-active-text: var(--color-tag-selectable-light-active-text, #ffffff);
+$color-tag-selectable-light-disabled-background: var(
+  --color-tag-selectable-light-disabled-background,
+  #e6e6e6
+);
+$color-tag-selectable-light-disabled-text: var(--color-tag-selectable-light-disabled-text, #808080);
+$color-tag-selectable-light-selected-background: var(
+  --color-tag-selectable-light-selected-background,
+  #007f8c
+);
+$color-tag-selectable-light-selected-text: var(--color-tag-selectable-light-selected-text, #ffffff);
+$color-tag-selectable-light-selected-hover-background: var(
+  --color-tag-selectable-light-selected-hover-background,
+  #006974
+);
+$color-tag-selectable-dark-background: var(--color-tag-selectable-dark-background, #191919);
+$color-tag-selectable-dark-border: var(--color-tag-selectable-dark-border, #ffffff);
+$color-tag-selectable-dark-text: var(--color-tag-selectable-dark-text, #ffffff);
+$color-tag-selectable-dark-hover-background: var(
+  --color-tag-selectable-dark-hover-background,
+  #006974
+);
+$color-tag-selectable-dark-active-background: var(
+  --color-tag-selectable-dark-active-background,
+  #91d5db
+);
+$color-tag-selectable-dark-active-border: var(--color-tag-selectable-dark-active-border, #91d5db);
+$color-tag-selectable-dark-active-text: var(--color-tag-selectable-dark-active-text, #191919);
+$color-tag-selectable-dark-selected-background: var(
+  --color-tag-selectable-dark-selected-background,
+  #009eac
+);
+$color-tag-selectable-dark-selected-border: var(
+  --color-tag-selectable-dark-selected-border,
+  #009eac
+);
+$color-tag-selectable-dark-selected-text: var(--color-tag-selectable-dark-selected-text, #191919);
+$color-tag-selectable-dark-selected-hover-background: var(
+  --color-tag-selectable-dark-selected-hover-background,
+  #48bac4
+);
+$color-tag-selectable-dark-disabled-background: var(
+  --color-tag-selectable-dark-disabled-background,
+  #4d4d4d
+);
+$color-tag-selectable-dark-disabled-text: var(--color-tag-selectable-dark-disabled-text, #808080);
+$color-tag-removable-light-background: var(--color-tag-removable-light-background, #333333);
+$color-tag-removable-light-text: var(--color-tag-removable-light-text, #ffffff);
+$color-tag-removable-light-icon: var(--color-tag-removable-light-icon, #cccccc);
+$color-tag-removable-light-hover-background: var(
+  --color-tag-removable-light-hover-background,
+  #4d4d4d
+);
+$color-tag-removable-light-active-background: var(
+  --color-tag-removable-light-active-background,
+  #666666
+);
+$color-tag-removable-dark-background: var(--color-tag-removable-dark-background, #cccccc);
+$color-tag-removable-dark-text: var(--color-tag-removable-dark-text, #191919);
+$color-tag-removable-dark-icon: var(--color-tag-removable-dark-icon, #191919);
+$color-tag-removable-dark-hover-background: var(
+  --color-tag-removable-dark-hover-background,
+  #b3b3b3
+);
+$color-tag-removable-dark-active-background: var(
+  --color-tag-removable-dark-active-background,
+  #999999
+);
+$color-toggle-label: var(--color-toggle-label, #000000);
+$color-toggle-off-background: var(--color-toggle-off-background, #666666);
+$color-toggle-off-circle: var(--color-toggle-off-circle, #ffffff);
+$color-toggle-on-background: var(--color-toggle-on-background, #00919f);
+$color-toggle-on-circle: var(--color-toggle-on-circle, #ffffff);
+$color-toggle-hover-circle: var(--color-toggle-hover-circle, #e6e6e6);
+$color-toggle-disabled-background: var(--color-toggle-disabled-background, #e6e6e6);
+$color-toggle-disabled-circle: var(--color-toggle-disabled-circle, #b3b3b3);
+$color-toggle-disabled-label: var(--color-toggle-disabled-label, #808080);
+$color-toggle-disabled-checked-background: var(--color-toggle-disabled-checked-background, #91d5db);
+$color-toggle-disabled-checked-circle: var(--color-toggle-disabled-checked-circle, #ffffff);
+$color-tooltip-background: var(--color-tooltip-background, #5b737d);
+$color-tooltip-border: var(--color-tooltip-border, #ffffff);
+$color-secondary-sandgrey-100: var(--color-secondary-sandgrey-100, #eeedea);
+$color-secondary-sandgrey-200: var(--color-secondary-sandgrey-200, #dddcd5);
+$color-secondary-sandgrey-300: var(--color-secondary-sandgrey-300, #c2c1ba);
+$color-secondary-sandgrey-400: var(--color-secondary-sandgrey-400, #a7a6a0);
+$color-secondary-sandgrey-500: var(--color-secondary-sandgrey-500, #8c8b85);
+$color-secondary-sandgrey-600: var(--color-secondary-sandgrey-600, #71706b);
+$color-secondary-sandgrey-700: var(--color-secondary-sandgrey-700, #555550);
+$color-secondary-sandgrey-800: var(--color-secondary-sandgrey-800, #3a3936);
+$color-secondary-sandgrey-900: var(--color-secondary-sandgrey-900, #1e1e1c);