@mozaic-ds/angular 0.24.0-beta.1 → 0.24.0-beta.3

package/assets/tokens/bricoman/css/root.scss

@@ -0,0 +1,479 @@
+:root {
+  --color-star-full: #ea7315;
+  --color-success-900: #023618;
+  --color-success-800: #035010;
+  --color-success-700: #006902;
+  --color-success-600: #188803;
+  --color-success-500: #46a610;
+  --color-success-400: #78be20;
+  --color-success-300: #9ed05f;
+  --color-success-200: #c5e39e;
+  --color-success-100: #ebf5de;
+  --color-warning-900: #360e00;
+  --color-warning-800: #531b00;
+  --color-warning-700: #8c3500;
+  --color-warning-600: #c65200;
+  --color-warning-500: #ea7315;
+  --color-warning-400: #ef934a;
+  --color-warning-300: #f4b27e;
+  --color-warning-200: #f8d2b3;
+  --color-warning-100: #fdf1e8;
+  --color-info-900: #002a41;
+  --color-info-800: #003a5c;
+  --color-info-700: #005c91;
+  --color-info-600: #007bb4;
+  --color-info-500: #0b96cc;
+  --color-info-400: #3facd7;
+  --color-info-300: #73c3e2;
+  --color-info-200: #a7d9ed;
+  --color-info-100: #daeff7;
+  --color-danger-900: #2d0000;
+  --color-danger-800: #530000;
+  --color-danger-700: #8c0003;
+  --color-danger-600: #c61112;
+  --color-danger-500: #ea302d;
+  --color-danger-400: #ef5f5c;
+  --color-danger-300: #f38d8c;
+  --color-danger-200: #f8bcbb;
+  --color-danger-100: #fdeaea;
+  --color-secondary-yellow-900: #46350d;
+  --color-secondary-yellow-800: #705613;
+  --color-secondary-yellow-700: #9c7b18;
+  --color-secondary-yellow-600: #c9a21b;
+  --color-secondary-yellow-500: #f8cc1c;
+  --color-secondary-yellow-400: #fcd64c;
+  --color-secondary-yellow-300: #fee07d;
+  --color-secondary-yellow-200: #ffebaf;
+  --color-secondary-yellow-100: #fff8e2;
+  --color-secondary-orange-900: #360e00;
+  --color-secondary-orange-800: #531b00;
+  --color-secondary-orange-700: #8c3500;
+  --color-secondary-orange-600: #c65200;
+  --color-secondary-orange-500: #ea7315;
+  --color-secondary-orange-400: #ef934a;
+  --color-secondary-orange-300: #f4b27e;
+  --color-secondary-orange-200: #f8d2b3;
+  --color-secondary-orange-100: #fdf1e8;
+  --color-secondary-red-900: #2d0000;
+  --color-secondary-red-800: #530000;
+  --color-secondary-red-700: #8c0003;
+  --color-secondary-red-600: #c61112;
+  --color-secondary-red-500: #ea302d;
+  --color-secondary-red-400: #ef5f5c;
+  --color-secondary-red-300: #f38d8c;
+  --color-secondary-red-200: #f8bcbb;
+  --color-secondary-red-100: #fdeaea;
+  --color-secondary-purple-900: #1c053d;
+  --color-secondary-purple-800: #2e0663;
+  --color-secondary-purple-700: #42058a;
+  --color-secondary-purple-600: #5803b3;
+  --color-secondary-purple-500: #7000dd;
+  --color-secondary-purple-400: #883be9;
+  --color-secondary-purple-300: #a575f3;
+  --color-secondary-purple-200: #c7b0fa;
+  --color-secondary-purple-100: #efebfe;
+  --color-secondary-blue-900: #002a41;
+  --color-secondary-blue-800: #003a5c;
+  --color-secondary-blue-700: #005c91;
+  --color-secondary-blue-600: #007bb4;
+  --color-secondary-blue-500: #0b96cc;
+  --color-secondary-blue-400: #3facd7;
+  --color-secondary-blue-300: #73c3e2;
+  --color-secondary-blue-200: #a7d9ed;
+  --color-secondary-blue-100: #daeff7;
+  --color-grey-000: #ffffff;
+  --color-grey-999: #000000;
+  --color-grey-900: #191919;
+  --color-grey-800: #333333;
+  --color-grey-700: #4d4d4d;
+  --color-grey-600: #666666;
+  --color-grey-500: #808080;
+  --color-grey-400: #999999;
+  --color-grey-300: #b3b3b3;
+  --color-grey-200: #cccccc;
+  --color-grey-100: #e6e6e6;
+  --color-primary-02-900: #421700;
+  --color-primary-02-800: #702700;
+  --color-primary-02-700: #943300;
+  --color-primary-02-600: #b83f00;
+  --color-primary-02-500: #e54f00;
+  --color-primary-02-400: #ff5800;
+  --color-primary-02-300: #ff7933;
+  --color-primary-02-200: #ffab80;
+  --color-primary-02-100: #ffe1d1;
+  --color-primary-01-900: #120949;
+  --color-primary-01-800: #130f7b;
+  --color-primary-01-700: #161cb6;
+  --color-primary-01-600: #373de7;
+  --color-primary-01-500: #4d5bf5;
+  --color-primary-01-400: #6875e8;
+  --color-primary-01-300: #8792ed;
+  --color-primary-01-200: #b8bef4;
+  --color-primary-01-100: #e5e7fa;
+  --color-tooltip-border: var(--color-grey-000);
+  --color-tooltip-background: var(--color-grey-700);
+  --color-toggle-disabled-checked-circle: var(--color-grey-000);
+  --color-toggle-disabled-checked-background: var(--color-primary-01-200);
+  --color-toggle-disabled-label: var(--color-grey-500);
+  --color-toggle-disabled-circle: var(--color-grey-300);
+  --color-toggle-disabled-background: var(--color-grey-100);
+  --color-toggle-hover-circle: var(--color-grey-100);
+  --color-toggle-on-circle: var(--color-grey-000);
+  --color-toggle-on-background: var(--color-primary-02-400);
+  --color-toggle-off-circle: var(--color-grey-000);
+  --color-toggle-off-background: var(--color-grey-500);
+  --color-toggle-label: var(--color-grey-999);
+  --color-tag-removable-dark-active-background: var(--color-grey-400);
+  --color-tag-removable-dark-hover-background: var(--color-grey-300);
+  --color-tag-removable-dark-icon: var(--color-grey-900);
+  --color-tag-removable-dark-text: var(--color-grey-900);
+  --color-tag-removable-dark-background: var(--color-grey-200);
+  --color-tag-removable-light-active-background: var(--color-grey-600);
+  --color-tag-removable-light-hover-background: var(--color-grey-700);
+  --color-tag-removable-light-icon: var(--color-grey-200);
+  --color-tag-removable-light-text: var(--color-grey-000);
+  --color-tag-removable-light-background: var(--color-grey-800);
+  --color-tag-selectable-dark-disabled-text: var(--color-grey-500);
+  --color-tag-selectable-dark-disabled-background: var(--color-grey-700);
+  --color-tag-selectable-dark-selected-hover-background: var(--color-primary-01-300);
+  --color-tag-selectable-dark-selected-text: var(--color-grey-900);
+  --color-tag-selectable-dark-selected-border: var(--color-primary-01-400);
+  --color-tag-selectable-dark-selected-background: var(--color-primary-01-400);
+  --color-tag-selectable-dark-active-text: var(--color-grey-900);
+  --color-tag-selectable-dark-active-border: var(--color-primary-01-200);
+  --color-tag-selectable-dark-active-background: var(--color-primary-01-200);
+  --color-tag-selectable-dark-hover-background: var(--color-primary-01-700);
+  --color-tag-selectable-dark-text: var(--color-grey-000);
+  --color-tag-selectable-dark-border: var(--color-grey-000);
+  --color-tag-selectable-dark-background: var(--color-grey-900);
+  --color-tag-selectable-light-selected-hover-background: var(--color-primary-01-700);
+  --color-tag-selectable-light-selected-text: var(--color-grey-000);
+  --color-tag-selectable-light-selected-background: var(--color-primary-01-600);
+  --color-tag-selectable-light-disabled-text: var(--color-grey-500);
+  --color-tag-selectable-light-disabled-background: var(--color-grey-100);
+  --color-tag-selectable-light-active-text: var(--color-grey-000);
+  --color-tag-selectable-light-active-border: var(--color-primary-01-800);
+  --color-tag-selectable-light-active-background: var(--color-primary-01-800);
+  --color-tag-selectable-light-hover-background: var(--color-primary-01-300);
+  --color-tag-selectable-light-text: var(--color-grey-900);
+  --color-tag-selectable-light-border: var(--color-grey-500);
+  --color-tag-selectable-light-background: var(--color-grey-000);
+  --color-tag-link-dark-active-background: var(--color-grey-700);
+  --color-tag-link-dark-hover-background: var(--color-grey-800);
+  --color-tag-link-dark-text: var(--color-grey-000);
+  --color-tag-link-dark-border: var(--color-grey-000);
+  --color-tag-link-dark-background: var(--color-grey-900);
+  --color-tag-link-light-active-background: var(--color-grey-200);
+  --color-tag-link-light-hover-background: var(--color-grey-100);
+  --color-tag-link-light-text: var(--color-grey-900);
+  --color-tag-link-light-border: var(--color-grey-500);
+  --color-tag-link-light-background: var(--color-grey-000);
+  --color-tag-text-dark-text: var(--color-grey-000);
+  --color-tag-text-dark-border: var(--color-grey-000);
+  --color-tag-text-dark-background: var(--color-grey-900);
+  --color-tag-text-light-text: var(--color-grey-900);
+  --color-tag-text-light-border: var(--color-grey-500);
+  --color-tag-text-light-background: var(--color-grey-000);
+  --color-tabs-active-disabled: var(--color-primary-01-200);
+  --color-tabs-selected-hover-text: var(--color-grey-999);
+  --color-tabs-selected-active-text: var(--color-grey-999);
+  --color-tabs-selected-text: var(--color-grey-999);
+  --color-tabs-selected-border: var(--color-grey-999);
+  --color-tabs-active-text: var(--color-grey-700);
+  --color-tabs-active-background: var(--color-primary-02-200);
+  --color-tabs-disabled-background: var(--color-grey-200);
+  --color-tabs-hover-background: var(--color-primary-02-100);
+  --color-tabs-element-background: var(--color-primary-02-100);
+  --color-tabs-default: var(--color-grey-600);
+  --color-tabs-shadow: var(--color-grey-999);
+  --color-tabs-background: var(--color-grey-000);
+  --color-stepper-title: var(--color-primary-01-500);
+  --color-stepper-icon: var(--color-primary-01-500);
+  --color-stepper-indicator-current-border: var(--color-primary-01-500);
+  --color-stepper-indicator-current-background: var(--color-primary-01-500);
+  --color-stepper-indicator-border: var(--color-grey-400);
+  --color-stepper-indicator-background: var(--color-grey-000);
+  --color-stepper-link-hover-text: var(--color-primary-01-500);
+  --color-stepper-item-current-background: var(--color-primary-01-500);
+  --color-stepper-item-background: var(--color-grey-400);
+  --color-star-hover: var(--color-secondary-orange-300);
+  --color-star-focus: var(--color-secondary-blue-500);
+  --color-star-empty: var(--color-grey-000);
+  --color-sidebar-scroll-color: var(--color-primary-02-400);
+  --color-sidebar-scroll-background: var(--color-grey-300);
+  --color-sidebar-text-color: var(--color-grey-900);
+  --color-sidebar-text-background: var(--color-grey-100);
+  --color-sidebar-icon: var(--color-grey-900);
+  --color-sidebar-divider-background: var(--color-grey-300);
+  --color-sidebar-user-background: var(--color-primary-02-200);
+  --color-sidebar-feature-disabled-background: var(--color-primary-02-500);
+  --color-sidebar-feature-selected-background: var(--color-primary-02-200);
+  --color-sidebar-feature-hover-background: var(--color-primary-02-300);
+  --color-sidebar-feature-background: var(--color-primary-02-200);
+  --color-sidebar-background: var(--color-primary-02-100);
+  --color-segmented-control-active: var(--color-primary-02-200);
+  --color-segmented-control-hover: var(--color-primary-02-100);
+  --color-segmented-control-is-active: var(--color-primary-01-600);
+  --color-progress-percentage-half: var(--color-grey-000);
+  --color-progress-percentage-default: var(--color-grey-900);
+  --color-progress-indicator: var(--color-primary-02-400);
+  --color-progress-background: var(--color-grey-200);
+  --color-phone-number-item-focus-background: var(--color-grey-100);
+  --color-phone-number-item-border: var(--color-grey-300);
+  --color-phone-number-list-background: var(--color-grey-000);
+  --color-phone-number-button-border: var(--color-grey-600);
+  --color-password-input-button-hover-background: var(--color-grey-100);
+  --color-overlay-loader-background: var(--color-grey-900);
+  --color-overlay-background: var(--color-grey-900);
+  --color-option-card-disabled-label: var(--color-grey-600);
+  --color-option-card-disabled-content: var(--color-grey-200);
+  --color-option-card-checked-label-shadow: var(--color-primary-01-100);
+  --color-option-card-checked-label-border: var(--color-primary-01-500);
+  --color-option-card-hover-label-shadow: var(--color-grey-800);
+  --color-option-card-label-shadow: var(--color-grey-300);
+  --color-option-button-disabled-label-background: var(--color-grey-200);
+  --color-option-button-checked-label-shadow: var(--color-primary-01-100);
+  --color-option-button-checked-label-border: var(--color-primary-01-500);
+  --color-option-button-hover-label-shadow: var(--color-grey-800);
+  --color-option-button-label-shadow: var(--color-grey-300);
+  --color-notification-danger-icon: var(--color-danger-600);
+  --color-notification-danger-border: var(--color-danger-500);
+  --color-notification-danger-background: var(--color-danger-100);
+  --color-notification-warning-icon: var(--color-warning-600);
+  --color-notification-warning-border: var(--color-warning-500);
+  --color-notification-warning-background: var(--color-warning-100);
+  --color-notification-success-icon: var(--color-success-600);
+  --color-notification-success-border: var(--color-success-500);
+  --color-notification-success-background: var(--color-success-100);
+  --color-notification-information-icon: var(--color-info-600);
+  --color-notification-information-border: var(--color-info-500);
+  --color-notification-information-background: var(--color-info-100);
+  --color-notification-font: var(--color-grey-999);
+  --color-menu-active: var(--color-primary-02-200);
+  --color-menu-hover: var(--color-primary-02-100);
+  --color-menu-is-active: var(--color-primary-01-600);
+  --color-listbox-disabled-background: var(--color-grey-200);
+  --color-listbox-tile-hover-background: var(--color-grey-100);
+  --color-listbox-tile-shadow: var(--color-grey-900);
+  --color-listbox-tile-border: var(--color-grey-300);
+  --color-listbox-border: var(--color-grey-600);
+  --color-listbox-background: var(--color-grey-000);
+  --color-link-danger-hover: var(--color-secondary-red-800);
+  --color-link-danger-disabled: var(--color-grey-100);
+  --color-link-danger-active: var(--color-secondary-red-700);
+  --color-link-danger-visited: var(--color-secondary-red-700);
+  --color-link-danger-base: var(--color-secondary-red-600);
+  --color-link-primary-02-hover: var(--color-primary-02-900);
+  --color-link-primary-02-disabled: var(--color-grey-100);
+  --color-link-primary-02-active: var(--color-primary-02-700);
+  --color-link-primary-02-visited: var(--color-primary-02-700);
+  --color-link-primary-02-base: var(--color-primary-02-600);
+  --color-link-primary-hover: var(--color-primary-02-600);
+  --color-link-primary-disabled: var(--color-grey-100);
+  --color-link-primary-active: var(--color-primary-02-400);
+  --color-link-primary-visited: var(--color-primary-02-400);
+  --color-link-primary-base: var(--color-primary-02-400);
+  --color-link-light-hover: var(--color-grey-400);
+  --color-link-light-disabled: var(--color-grey-100);
+  --color-link-light-active: var(--color-grey-200);
+  --color-link-light-visited: var(--color-grey-200);
+  --color-link-light-base: var(--color-grey-000);
+  --color-link-dark-hover: var(--color-grey-600);
+  --color-link-dark-disabled: var(--color-grey-100);
+  --color-link-dark-active: var(--color-grey-800);
+  --color-link-dark-visited: var(--color-grey-800);
+  --color-link-dark-base: var(--color-grey-999);
+  --color-input-checked-hover-border: var(--color-primary-02-400);
+  --color-input-checked-icon: var(--color-grey-000);
+  --color-input-checked-background: var(--color-primary-02-400);
+  --color-input-checked-border: var(--color-primary-02-400);
+  --color-input-invalid-hover-border: var(--color-danger-800);
+  --color-input-invalid-border: var(--color-danger-600);
+  --color-input-valid-hover-border: var(--color-success-800);
+  --color-input-valid-border: var(--color-success-500);
+  --color-input-focus-border: var(--color-secondary-blue-500);
+  --color-input-hover-border: var(--color-grey-900);
+  --color-input-disabled-label: var(--color-grey-500);
+  --color-input-disabled-icon: var(--color-grey-400);
+  --color-input-disabled-border: var(--color-grey-100);
+  --color-input-disabled-background: var(--color-grey-100);
+  --color-input-background: var(--color-grey-000);
+  --color-input-placeholder: var(--color-grey-500);
+  --color-input-border: var(--color-grey-500);
+  --color-input-text: var(--color-grey-800);
+  --color-hero-cover-background: var(--color-grey-900);
+  --color-heading-line-lightest: var(--color-primary-02-200);
+  --color-heading-line-default: var(--color-primary-02-400);
+  --color-heading-underline-lightest: var(--color-primary-01-200);
+  --color-heading-underline-default: var(--color-primary-01-500);
+  --color-font-danger: var(--color-danger-600);
+  --color-font-warning: var(--color-warning-600);
+  --color-font-success: var(--color-success-600);
+  --color-font-info: var(--color-info-600);
+  --color-font-lightest: var(--color-grey-000);
+  --color-font-light: var(--color-grey-600);
+  --color-font-dark: var(--color-grey-800);
+  --color-font-darker: var(--color-grey-900);
+  --color-font-darkest: var(--color-grey-999);
+  --color-font-primary-02: var(--color-primary-02-500);
+  --color-font-primary-01: var(--color-primary-01-600);
+  --color-focus-border: var(--color-secondary-blue-500);
+  --color-focus-gap: var(--color-grey-000);
+  --color-flag-bordered-danger-text: var(--color-secondary-red-600);
+  --color-flag-bordered-danger-border: var(--color-secondary-red-600);
+  --color-flag-bordered-danger-background: var(--color-grey-000);
+  --color-flag-bordered-light-text: var(--color-grey-000);
+  --color-flag-bordered-light-border: var(--color-grey-000);
+  --color-flag-bordered-light-background: var(--color-grey-999);
+  --color-flag-bordered-dark-text: var(--color-grey-999);
+  --color-flag-bordered-dark-border: var(--color-grey-999);
+  --color-flag-bordered-dark-background: var(--color-grey-000);
+  --color-flag-bordered-primary-02-text: var(--color-primary-02-600);
+  --color-flag-bordered-primary-02-border: var(--color-primary-02-600);
+  --color-flag-bordered-primary-02-background: var(--color-grey-000);
+  --color-flag-bordered-text: var(--color-primary-01-600);
+  --color-flag-bordered-border: var(--color-primary-01-600);
+  --color-flag-bordered-background: var(--color-grey-000);
+  --color-flag-solid-danger-text: var(--color-grey-000);
+  --color-flag-solid-danger-border: var(--color-secondary-red-600);
+  --color-flag-solid-danger-background: var(--color-secondary-red-600);
+  --color-flag-solid-light-text: var(--color-grey-999);
+  --color-flag-solid-light-border: var(--color-grey-000);
+  --color-flag-solid-light-background: var(--color-grey-000);
+  --color-flag-solid-dark-text: var(--color-grey-000);
+  --color-flag-solid-dark-border: var(--color-grey-999);
+  --color-flag-solid-dark-background: var(--color-grey-999);
+  --color-flag-solid-primary-02-text: var(--color-grey-000);
+  --color-flag-solid-primary-02-border: var(--color-primary-02-600);
+  --color-flag-solid-primary-02-background: var(--color-primary-02-600);
+  --color-flag-solid-text: var(--color-grey-000);
+  --color-flag-solid-border: var(--color-primary-01-600);
+  --color-flag-solid-background: var(--color-primary-01-600);
+  --color-fileuploader-alert: var(--color-danger-600);
+  --color-fileuploader-valid: var(--color-primary-01-500);
+  --color-fileuploader-files-delete: var(--color-grey-200);
+  --color-fileuploader-files-list: var(--color-grey-100);
+  --color-fileuploader-font: var(--color-grey-999);
+  --color-divider-dark: var(--color-grey-999);
+  --color-divider-default: var(--color-grey-600);
+  --color-divider-light: var(--color-grey-300);
+  --color-divider-lightest: var(--color-grey-000);
+  --color-dialog-footer-shadow: var(--color-grey-900);
+  --color-dialog-close: var(--color-grey-500);
+  --color-dialog-icon: var(--color-grey-600);
+  --color-dialog-background: var(--color-grey-000);
+  --color-datatable-empty-color: var(--color-grey-600);
+  --color-datatable-empty-background: var(--color-grey-100);
+  --color-datatable-icon: var(--color-primary-01-500);
+  --color-datatable-subtable-font: var(--color-grey-999);
+  --color-datatable-subtable-border: var(--color-grey-300);
+  --color-datatable-subtable-background: var(--color-grey-100);
+  --color-datatable-cell-background-selected: var(--color-primary-01-100);
+  --color-datatable-cell-background-hover: var(--color-grey-100);
+  --color-datatable-cell-font: var(--color-grey-900);
+  --color-datatable-sort-arrow-active: var(--color-grey-800);
+  --color-datatable-sort-arrow-default: var(--color-grey-200);
+  --color-datatable-thead-font: var(--color-grey-900);
+  --color-datatable-container-background: var(--color-grey-100);
+  --color-datatable-filters-border: var(--color-grey-300);
+  --color-card-bordered-border: var(--color-grey-500);
+  --color-card-bordered-background: var(--color-grey-000);
+  --color-button-bordered-danger-hover-font: var(--color-danger-700);
+  --color-button-bordered-danger-hover-background: var(--color-secondary-red-100);
+  --color-button-bordered-danger-active-font: var(--color-danger-800);
+  --color-button-bordered-danger-active-background: var(--color-secondary-red-200);
+  --color-button-bordered-danger-disabled-font: var(--color-grey-600);
+  --color-button-bordered-danger-disabled-background: var(--color-grey-200);
+  --color-button-bordered-danger-focus-border: var(--color-secondary-red-700);
+  --color-button-bordered-danger-font: var(--color-secondary-red-600);
+  --color-button-bordered-danger-border: var(--color-secondary-red-600);
+  --color-button-bordered-danger-background: var(--color-grey-000);
+  --color-button-bordered-neutral-hover-background: var(--color-grey-100);
+  --color-button-bordered-neutral-active-background: var(--color-grey-200);
+  --color-button-bordered-neutral-disabled-font: var(--color-grey-600);
+  --color-button-bordered-neutral-disabled-background: var(--color-grey-200);
+  --color-button-bordered-neutral-focus-border: var(--color-grey-900);
+  --color-button-bordered-neutral-font: var(--color-grey-800);
+  --color-button-bordered-neutral-border: var(--color-grey-800);
+  --color-button-bordered-neutral-background: var(--color-grey-000);
+  --color-button-bordered-primary-02-hover-background: var(--color-primary-02-100);
+  --color-button-bordered-primary-02-active-background: var(--color-primary-02-200);
+  --color-button-bordered-primary-02-disabled-font: var(--color-grey-600);
+  --color-button-bordered-primary-02-disabled-background: var(--color-grey-200);
+  --color-button-bordered-primary-02-focus-border: var(--color-primary-02-900);
+  --color-button-bordered-primary-02-font: var(--color-primary-02-400);
+  --color-button-bordered-primary-02-border: var(--color-primary-02-400);
+  --color-button-bordered-primary-02-background: var(--color-grey-000);
+  --color-button-bordered-hover-font: var(--color-primary-01-700);
+  --color-button-bordered-hover-background: var(--color-primary-01-100);
+  --color-button-bordered-active-font: var(--color-primary-01-800);
+  --color-button-bordered-active-background: var(--color-primary-01-200);
+  --color-button-bordered-disabled-font: var(--color-grey-600);
+  --color-button-bordered-disabled-background: var(--color-grey-200);
+  --color-button-bordered-focus-border: var(--color-primary-01-700);
+  --color-button-bordered-font: var(--color-primary-01-900);
+  --color-button-bordered-border: var(--color-primary-01-900);
+  --color-button-bordered-background: var(--color-grey-000);
+  --color-button-solid-danger-hover-font: var(--color-grey-000);
+  --color-button-solid-danger-hover-background: var(--color-danger-700);
+  --color-button-solid-danger-active-background: var(--color-danger-700);
+  --color-button-solid-danger-disabled-font: var(--color-grey-600);
+  --color-button-solid-danger-disabled-background: var(--color-grey-200);
+  --color-button-solid-danger-focus-border: var(--color-danger-700);
+  --color-button-solid-danger-font: var(--color-grey-000);
+  --color-button-solid-danger-background: var(--color-danger-600);
+  --color-button-solid-neutral-hover-font: var(--color-grey-000);
+  --color-button-solid-neutral-hover-background: var(--color-grey-900);
+  --color-button-solid-neutral-active-background: var(--color-grey-800);
+  --color-button-solid-neutral-disabled-font: var(--color-grey-600);
+  --color-button-solid-neutral-disabled-background: var(--color-grey-200);
+  --color-button-solid-neutral-focus-border: var(--color-grey-900);
+  --color-button-solid-neutral-font: var(--color-grey-000);
+  --color-button-solid-neutral-background: var(--color-grey-800);
+  --color-button-solid-primary-02-hover-font: var(--color-grey-000);
+  --color-button-solid-primary-02-hover-background: var(--color-primary-02-600);
+  --color-button-solid-primary-02-active-background: var(--color-primary-02-900);
+  --color-button-solid-primary-02-disabled-font: var(--color-grey-600);
+  --color-button-solid-primary-02-disabled-background: var(--color-grey-200);
+  --color-button-solid-primary-02-focus-border: var(--color-primary-02-900);
+  --color-button-solid-primary-02-font: var(--color-grey-000);
+  --color-button-solid-primary-02-background: var(--color-primary-02-400);
+  --color-button-solid-hover-font: var(--color-grey-000);
+  --color-button-solid-hover-background: var(--color-primary-01-700);
+  --color-button-solid-active-background: var(--color-primary-01-700);
+  --color-button-solid-disabled-font: var(--color-grey-600);
+  --color-button-solid-disabled-background: var(--color-grey-200);
+  --color-button-solid-focus-border: var(--color-primary-01-700);
+  --color-button-solid-font: var(--color-grey-000);
+  --color-button-solid-background: var(--color-primary-01-900);
+  --color-breadcrumb-arrow-invert: var(--color-grey-000);
+  --color-breadcrumb-arrow: var(--color-grey-800);
+  --color-secondary-green-900: var(--color-primary-01-900);
+  --color-secondary-green-800: var(--color-primary-01-800);
+  --color-secondary-green-700: var(--color-primary-01-700);
+  --color-secondary-green-600: var(--color-primary-01-600);
+  --color-secondary-green-500: var(--color-primary-01-500);
+  --color-secondary-green-400: var(--color-primary-01-400);
+  --color-secondary-green-300: var(--color-primary-01-300);
+  --color-secondary-green-200: var(--color-primary-01-200);
+  --color-secondary-green-100: var(--color-primary-01-100);
+  --color-badge-neutral-text: var(--color-grey-700);
+  --color-badge-neutral-border: var(--color-grey-500);
+  --color-badge-neutral-background: var(--color-grey-100);
+  --color-badge-danger-text: var(--color-danger-700);
+  --color-badge-danger-border: var(--color-danger-500);
+  --color-badge-danger-background: var(--color-danger-100);
+  --color-badge-warning-text: var(--color-warning-700);
+  --color-badge-warning-border: var(--color-warning-500);
+  --color-badge-warning-background: var(--color-warning-100);
+  --color-badge-success-text: var(--color-success-700);
+  --color-badge-success-border: var(--color-success-500);
+  --color-badge-success-background: var(--color-success-100);
+  --color-badge-info-text: var(--color-info-700);
+  --color-badge-info-border: var(--color-info-500);
+  --color-badge-info-background: var(--color-info-100);
+  --color-fields-help: var(--color-font-light);
+  --color-fields-requirement: var(--color-font-light);
+  --color-fields-label: var(--color-font-dark);
+  --color-fields-error: var(--color-font-danger);
+}