:root,
.msk-theme--light {
  --msk-color-bg: #ffffff;
  --msk-color-bg-action: rgba(0, 0, 0, 0);
  --msk-color-bg-action-active: #dde1e6;
  --msk-color-bg-action-danger-active: #facdcb;
  --msk-color-bg-action-danger-hover: #ffe4e3;
  --msk-color-bg-action-danger-inverse-active: #ffe4e3;
  --msk-color-bg-action-danger-inverse-hover: #ffe4e3;
  --msk-color-bg-action-hover: #f2f4f8;
  --msk-color-bg-action-layer: #f2f4f8;
  --msk-color-bg-action-layer-active: #c1c7cd;
  --msk-color-bg-action-layer-hover: #dde1e6;
  --msk-color-bg-action-primary: #113e90;
  --msk-color-bg-action-primary-active: #001641;
  --msk-color-bg-action-primary-danger: #a80900;
  --msk-color-bg-action-primary-danger-active: #520400;
  --msk-color-bg-action-primary-danger-hover: #7a0700;
  --msk-color-bg-action-primary-hover: #002569;
  --msk-color-bg-action-selected: #f0f5ff;
  --msk-color-bg-action-selected-active: #92b6f5;
  --msk-color-bg-action-selected-hover: #b5cffd;
  --msk-color-bg-action-selected-inverse: #113e90;
  --msk-color-bg-disabled: #f7f3f2;
  --msk-color-bg-error: #85375c;
  --msk-color-bg-feedback-error: #85375c;
  --msk-color-bg-feedback-error-medium: #d9669d;
  --msk-color-bg-feedback-error-strong: #401a2c;
  --msk-color-bg-feedback-error-weak: #fff2f9;
  --msk-color-bg-feedback-info: #00539a;
  --msk-color-bg-feedback-info-medium: #1192e8;
  --msk-color-bg-feedback-info-strong: #012749;
  --msk-color-bg-feedback-info-weak: #e5f6ff;
  --msk-color-bg-feedback-success: #175e15;
  --msk-color-bg-feedback-success-medium: #3fa13d;
  --msk-color-bg-feedback-success-strong: #072806;
  --msk-color-bg-feedback-success-weak: #e6ffe6;
  --msk-color-bg-feedback-warning: #684e00;
  --msk-color-bg-feedback-warning-medium: #b28600;
  --msk-color-bg-feedback-warning-strong: #302400;
  --msk-color-bg-feedback-warning-weak: #fcf4d6;
  --msk-color-bg-footer: #f0f5ff;
  --msk-color-bg-footer-action-active: #92b6f5;
  --msk-color-bg-footer-action-hover: #b5cffd;
  --msk-color-bg-input: #ffffff;
  --msk-color-bg-input-inverse: #4d5358;
  --msk-color-bg-input-inverse-hover: #343a3f;
  --msk-color-bg-input-item-hover: #f0f5ff;
  --msk-color-bg-input-selected: #002569;
  --msk-color-bg-input-selected-hover: #001641;
  --msk-color-bg-inverse-disabled: #8f8b8b;
  --msk-color-bg-layer: #f2f4f8;
  --msk-color-bg-layer-inverse: #4d5358;
  --msk-color-bg-notification-action-error: #612743;
  --msk-color-bg-notification-action-error-active: #b34e7e;
  --msk-color-bg-notification-action-error-hover: #85375c;
  --msk-color-bg-notification-action-error-low-contrast: #ffc8e3;
  --msk-color-bg-notification-action-error-low-contrast-active: #ff85bf;
  --msk-color-bg-notification-action-error-low-contrast-hover: #ffa5d0;
  --msk-color-bg-notification-action-info: #003a6d;
  --msk-color-bg-notification-action-info-active: #0072c3;
  --msk-color-bg-notification-action-info-hover: #00539a;
  --msk-color-bg-notification-action-info-low-contrast: #bae6ff;
  --msk-color-bg-notification-action-info-low-contrast-active: #33b1ff;
  --msk-color-bg-notification-action-info-low-contrast-hover: #82cfff;
  --msk-color-bg-notification-action-success: #0e450d;
  --msk-color-bg-notification-action-success-active: #288326;
  --msk-color-bg-notification-action-success-hover: #175e15;
  --msk-color-bg-notification-action-success-low-contrast: #c7fcc6;
  --msk-color-bg-notification-action-success-low-contrast-active: #5fc05e;
  --msk-color-bg-notification-action-success-low-contrast-hover: #8dde8b;
  --msk-color-bg-notification-action-warning: #483700;
  --msk-color-bg-notification-action-warning-active: #8e6a00;
  --msk-color-bg-notification-action-warning-hover: #684e00;
  --msk-color-bg-notification-action-warning-low-contrast: #fddc69;
  --msk-color-bg-notification-action-warning-low-contrast-active: #d2a106;
  --msk-color-bg-notification-action-warning-low-contrast-hover: #f1c21b;
  --msk-color-bg-progress: #ffffff;
  --msk-color-bg-progress-filled: #785ea2;
  --msk-color-bg-progress-filled-active: #432f64;
  --msk-color-bg-progress-filled-hover: #5c4583;
  --msk-color-bg-table-even: #f2f4f8;
  --msk-color-bg-table-focus: #92b6f5;
  --msk-color-bg-table-hover: #f0f5ff;
  --msk-color-bg-table-odd: #ffffff;
  --msk-color-bg-table-selected: #b5cffd;
  --msk-color-bg-tag-blue: #f0f5ff;
  --msk-color-bg-tag-blue-active: #92b6f5;
  --msk-color-bg-tag-blue-hover: #b5cffd;
  --msk-color-bg-tag-cool-gray: #f2f4f8;
  --msk-color-bg-tag-cool-gray-active: #c1c7cd;
  --msk-color-bg-tag-cool-gray-hover: #dde1e6;
  --msk-color-bg-tag-cyan: #e5f6ff;
  --msk-color-bg-tag-cyan-active: #82cfff;
  --msk-color-bg-tag-cyan-hover: #bae6ff;
  --msk-color-bg-tag-gray: #f4f4f4;
  --msk-color-bg-tag-gray-active: #c6c6c6;
  --msk-color-bg-tag-gray-hover: #e0e0e0;
  --msk-color-bg-tag-green: #e6ffe6;
  --msk-color-bg-tag-green-active: #8dde8b;
  --msk-color-bg-tag-green-hover: #c7fcc6;
  --msk-color-bg-tag-high-contrast: #393939;
  --msk-color-bg-tag-high-contrast-active: #141414;
  --msk-color-bg-tag-high-contrast-hover: #262626;
  --msk-color-bg-tag-magenta: #fff2f9;
  --msk-color-bg-tag-magenta-active: #ffa5d0;
  --msk-color-bg-tag-magenta-hover: #ffc8e3;
  --msk-color-bg-tag-orange: #fff0e4;
  --msk-color-bg-tag-orange-active: #ffab6f;
  --msk-color-bg-tag-orange-hover: #ffcdaa;
  --msk-color-bg-tag-outline: rgba(0, 0, 0, 0);
  --msk-color-bg-tag-outline-active: #e0e0e0;
  --msk-color-bg-tag-outline-hover: #f4f4f4;
  --msk-color-bg-tag-purple: #f7f3ff;
  --msk-color-bg-tag-purple-active: #d6bdff;
  --msk-color-bg-tag-purple-hover: #e7d8ff;
  --msk-color-bg-tag-red: #ffe4e3;
  --msk-color-bg-tag-red-active: #f4b1ad;
  --msk-color-bg-tag-red-hover: #facdcb;
  --msk-color-bg-tag-teal: #edfffd;
  --msk-color-bg-tag-teal-active: #78e2da;
  --msk-color-bg-tag-teal-hover: #aff1eb;
  --msk-color-bg-tag-warm-gray: #f7f3f2;
  --msk-color-bg-tag-warm-gray-active: #cac5c4;
  --msk-color-bg-tag-warm-gray-hover: #e5e0df;
  --msk-color-bg-tag-yellow: #fcf4d6;
  --msk-color-bg-tag-yellow-active: #f1c21b;
  --msk-color-bg-tag-yellow-hover: #fddc69;
  --msk-color-bg-track: #dde1e6;
  --msk-color-bg-track-active: #a2a9b0;
  --msk-color-bg-track-hover: #c1c7cd;
  --msk-color-border: #cac5c4;
  --msk-color-border-action-danger: #a80900;
  --msk-color-border-action-danger-active: #520400;
  --msk-color-border-action-danger-hover: #7a0700;
  --msk-color-border-action-secondary: #113e90;
  --msk-color-border-action-secondary-active: #001641;
  --msk-color-border-action-secondary-hover: #002569;
  --msk-color-border-definition: #f1c21b;
  --msk-color-border-definition-hover: #d2a106;
  --msk-color-border-disabled: #8f8b8b;
  --msk-color-border-error: #85375c;
  --msk-color-border-focus-inner: #ffffff;
  --msk-color-border-focus-outer: #000000;
  --msk-color-border-footer-divider: #002569;
  --msk-color-border-input: #4d5358;
  --msk-color-border-input-hover: #343a3f;
  --msk-color-border-input-hover-secondary: #f0f5ff;
  --msk-color-border-layer: rgba(0, 0, 0, 0);
  --msk-color-border-link: #113e90;
  --msk-color-border-link-active: #001641;
  --msk-color-border-link-hover: #002569;
  --msk-color-border-link-inverse: #ffffff;
  --msk-color-border-link-inverse-active: #dde1e6;
  --msk-color-border-link-inverse-disabled: #726e6e;
  --msk-color-border-link-inverse-hover: #f2f4f8;
  --msk-color-border-link-neutral: #4d5358;
  --msk-color-border-link-neutral-active: #21272a;
  --msk-color-border-link-neutral-hover: #343a3f;
  --msk-color-border-link-visited: #5c4583;
  --msk-color-border-progress: #dde1e6;
  --msk-color-border-progress-active: #a2a9b0;
  --msk-color-border-progress-filled: #785ea2;
  --msk-color-border-progress-filled-active: #432f64;
  --msk-color-border-progress-filled-hover: #5c4583;
  --msk-color-border-progress-hover: #c1c7cd;
  --msk-color-border-selected: #002569;
  --msk-color-border-tag-blue: #b5cffd;
  --msk-color-border-tag-blue-active: #77a1e9;
  --msk-color-border-tag-blue-hover: #92b6f5;
  --msk-color-border-tag-cool-gray: #dde1e6;
  --msk-color-border-tag-cool-gray-active: #a2a9b0;
  --msk-color-border-tag-cool-gray-hover: #c1c7cd;
  --msk-color-border-tag-cyan: #bae6ff;
  --msk-color-border-tag-cyan-active: #33b1ff;
  --msk-color-border-tag-cyan-hover: #82cfff;
  --msk-color-border-tag-gray: #e0e0e0;
  --msk-color-border-tag-gray-active: #a8a8a8;
  --msk-color-border-tag-gray-hover: #c6c6c6;
  --msk-color-border-tag-green: #c7fcc6;
  --msk-color-border-tag-green-active: #5fc05e;
  --msk-color-border-tag-green-hover: #8dde8b;
  --msk-color-border-tag-high-contrast: #262626;
  --msk-color-border-tag-high-contrast-active: #000000;
  --msk-color-border-tag-high-contrast-hover: #141414;
  --msk-color-border-tag-magenta: #ffc8e3;
  --msk-color-border-tag-magenta-active: #ff85bf;
  --msk-color-border-tag-magenta-hover: #ffa5d0;
  --msk-color-border-tag-orange: #ffcdaa;
  --msk-color-border-tag-orange-active: #ff8834;
  --msk-color-border-tag-orange-hover: #ffab6f;
  --msk-color-border-tag-outline: #393939;
  --msk-color-border-tag-outline-active: #141414;
  --msk-color-border-tag-outline-hover: #262626;
  --msk-color-border-tag-purple: #e7d8ff;
  --msk-color-border-tag-purple-active: #b49ae0;
  --msk-color-border-tag-purple-hover: #d6bdff;
  --msk-color-border-tag-red: #facdcb;
  --msk-color-border-tag-red-active: #ef8b85;
  --msk-color-border-tag-red-hover: #f4b1ad;
  --msk-color-border-tag-teal: #aff1eb;
  --msk-color-border-tag-teal-active: #5ec2ba;
  --msk-color-border-tag-teal-hover: #78e2da;
  --msk-color-border-tag-warm-gray: #e5e0df;
  --msk-color-border-tag-warm-gray-active: #ada8a8;
  --msk-color-border-tag-warm-gray-hover: #cac5c4;
  --msk-color-border-tag-yellow: #fddc69;
  --msk-color-border-tag-yellow-active: #d2a106;
  --msk-color-border-tag-yellow-hover: #f1c21b;
  --msk-color-border-weak: #e5e0df;
  --msk-color-content-action: #21272a;
  --msk-color-content-action-active: #000000;
  --msk-color-content-action-danger: #a80900;
  --msk-color-content-action-danger-active: #520400;
  --msk-color-content-action-danger-hover: #7a0700;
  --msk-color-content-action-hover: #111417;
  --msk-color-content-action-primary: #ffffff;
  --msk-color-content-action-secondary: #113e90;
  --msk-color-content-action-secondary-active: #001641;
  --msk-color-content-action-secondary-hover: #002569;
  --msk-color-content-action-selected: #002569;
  --msk-color-content-action-selected-active: #00091a;
  --msk-color-content-action-selected-hover: #001641;
  --msk-color-content-decorative: #878d96;
  --msk-color-content-disabled: #8f8b8b;
  --msk-color-content-error: #85375c;
  --msk-color-content-feedback-error: #85375c;
  --msk-color-content-feedback-error-medium: #d9669d;
  --msk-color-content-feedback-error-strong: #401a2c;
  --msk-color-content-feedback-error-weak: #fff2f9;
  --msk-color-content-feedback-info: #00539a;
  --msk-color-content-feedback-info-medium: #1192e8;
  --msk-color-content-feedback-info-strong: #012749;
  --msk-color-content-feedback-info-weak: #e5f6ff;
  --msk-color-content-feedback-success: #175e15;
  --msk-color-content-feedback-success-medium: #3fa13d;
  --msk-color-content-feedback-success-strong: #072806;
  --msk-color-content-feedback-success-weak: #e6ffe6;
  --msk-color-content-feedback-warning: #684e00;
  --msk-color-content-feedback-warning-medium: #b28600;
  --msk-color-content-feedback-warning-strong: #302400;
  --msk-color-content-feedback-warning-weak: #fcf4d6;
  --msk-color-content-footer: #002569;
  --msk-color-content-footer-action: #113e90;
  --msk-color-content-footer-action-active: #001641;
  --msk-color-content-footer-action-hover: #002569;
  --msk-color-content-input-primary: #111417;
  --msk-color-content-input-primary-hover: #000000;
  --msk-color-content-input-secondary: #4d5358;
  --msk-color-content-input-secondary-hover: #343a3f;
  --msk-color-content-input-selected: #ffffff;
  --msk-color-content-input-selected-inverse: #002569;
  --msk-color-content-input-selected-inverse-hover: #001641;
  --msk-color-content-inverse: #ffffff;
  --msk-color-content-inverse-disabled: #f7f3f2;
  --msk-color-content-link: #113e90;
  --msk-color-content-link-active: #001641;
  --msk-color-content-link-hover: #002569;
  --msk-color-content-link-inverse: #ffffff;
  --msk-color-content-link-inverse-active: #dde1e6;
  --msk-color-content-link-inverse-disabled: #726e6e;
  --msk-color-content-link-inverse-hover: #f2f4f8;
  --msk-color-content-link-neutral: #4d5358;
  --msk-color-content-link-neutral-active: #21272a;
  --msk-color-content-link-neutral-hover: #343a3f;
  --msk-color-content-link-visited: #5c4583;
  --msk-color-content-logo: #002569;
  --msk-color-content-primary: #171414;
  --msk-color-content-progress: #4d5358;
  --msk-color-content-progress-active: #21272a;
  --msk-color-content-progress-complete: #ffffff;
  --msk-color-content-progress-complete-active: #e7d8ff;
  --msk-color-content-progress-complete-hover: #f7f3ff;
  --msk-color-content-progress-hover: #343a3f;
  --msk-color-content-secondary: #3c3838;
  --msk-color-content-table: #111417;
  --msk-color-content-table-selected: #00091a;
  --msk-color-content-tag-blue: #113e90;
  --msk-color-content-tag-blue-active: #001641;
  --msk-color-content-tag-blue-hover: #002569;
  --msk-color-content-tag-cool-gray: #4d5358;
  --msk-color-content-tag-cool-gray-active: #21272a;
  --msk-color-content-tag-cool-gray-hover: #343a3f;
  --msk-color-content-tag-cyan: #00539a;
  --msk-color-content-tag-cyan-active: #012749;
  --msk-color-content-tag-cyan-hover: #003a6d;
  --msk-color-content-tag-gray: #525252;
  --msk-color-content-tag-gray-active: #262626;
  --msk-color-content-tag-gray-hover: #393939;
  --msk-color-content-tag-green: #175e15;
  --msk-color-content-tag-green-active: #072806;
  --msk-color-content-tag-green-hover: #0e450d;
  --msk-color-content-tag-high-contrast: #ffffff;
  --msk-color-content-tag-high-contrast-active: #e0e0e0;
  --msk-color-content-tag-high-contrast-hover: #f4f4f4;
  --msk-color-content-tag-magenta: #85375c;
  --msk-color-content-tag-magenta-active: #401a2c;
  --msk-color-content-tag-magenta-hover: #612743;
  --msk-color-content-tag-orange: #8a3900;
  --msk-color-content-tag-orange-active: #3c1900;
  --msk-color-content-tag-orange-hover: #632900;
  --msk-color-content-tag-outline: #393939;
  --msk-color-content-tag-outline-active: #141414;
  --msk-color-content-tag-outline-hover: #262626;
  --msk-color-content-tag-purple: #5c4583;
  --msk-color-content-tag-purple-active: #2c1d45;
  --msk-color-content-tag-purple-hover: #432f64;
  --msk-color-content-tag-red: #a80900;
  --msk-color-content-tag-red-active: #520400;
  --msk-color-content-tag-red-hover: #7a0700;
  --msk-color-content-tag-teal: #215c57;
  --msk-color-content-tag-teal-active: #092220;
  --msk-color-content-tag-teal-hover: #14423f;
  --msk-color-content-tag-warm-gray: #565151;
  --msk-color-content-tag-warm-gray-active: #272525;
  --msk-color-content-tag-warm-gray-hover: #3c3838;
  --msk-color-content-tag-yellow: #684e00;
  --msk-color-content-tag-yellow-active: #302400;
  --msk-color-content-tag-yellow-hover: #483700;
}

.msk-theme--dark {
  --msk-color-bg: #21272a;
  --msk-color-bg-action: rgba(0, 0, 0, 0);
  --msk-color-bg-action-active: #4d5358;
  --msk-color-bg-action-danger-active: #a80900;
  --msk-color-bg-action-danger-hover: #7a0700;
  --msk-color-bg-action-danger-inverse-active: #facdcb;
  --msk-color-bg-action-danger-inverse-hover: #f4b1ad;
  --msk-color-bg-action-hover: #343a3f;
  --msk-color-bg-action-layer: rgba(0, 0, 0, 0);
  --msk-color-bg-action-layer-active: #4d5358;
  --msk-color-bg-action-layer-hover: #343a3f;
  --msk-color-bg-action-primary: #92b6f5;
  --msk-color-bg-action-primary-active: #f0f5ff;
  --msk-color-bg-action-primary-danger: #f4b1ad;
  --msk-color-bg-action-primary-danger-active: #ffe4e3;
  --msk-color-bg-action-primary-danger-hover: #facdcb;
  --msk-color-bg-action-primary-hover: #b5cffd;
  --msk-color-bg-action-selected: #002569;
  --msk-color-bg-action-selected-active: #00091a;
  --msk-color-bg-action-selected-hover: #113e90;
  --msk-color-bg-action-selected-inverse: #92b6f5;
  --msk-color-bg-disabled: #3c3838;
  --msk-color-bg-error: #ffa5d0;
  --msk-color-bg-feedback-error: #ffa5d0;
  --msk-color-bg-feedback-error-medium: #d9669d;
  --msk-color-bg-feedback-error-strong: #fff2f9;
  --msk-color-bg-feedback-error-weak: #612743;
  --msk-color-bg-feedback-info: #82cfff;
  --msk-color-bg-feedback-info-medium: #1192e8;
  --msk-color-bg-feedback-info-strong: #e5f6ff;
  --msk-color-bg-feedback-info-weak: #003a6d;
  --msk-color-bg-feedback-success: #8dde8b;
  --msk-color-bg-feedback-success-medium: #3fa13d;
  --msk-color-bg-feedback-success-strong: #e6ffe6;
  --msk-color-bg-feedback-success-weak: #0e450d;
  --msk-color-bg-feedback-warning: #f1c21b;
  --msk-color-bg-feedback-warning-medium: #b28600;
  --msk-color-bg-feedback-warning-strong: #fcf4d6;
  --msk-color-bg-feedback-warning-weak: #483700;
  --msk-color-bg-footer: #111417;
  --msk-color-bg-footer-action-active: #343a3f;
  --msk-color-bg-footer-action-hover: #21272a;
  --msk-color-bg-input: #21272a;
  --msk-color-bg-input-inverse: #c1c7cd;
  --msk-color-bg-input-inverse-hover: #dde1e6;
  --msk-color-bg-input-item-hover: #343a3f;
  --msk-color-bg-input-selected: #b5cffd;
  --msk-color-bg-input-selected-hover: #f0f5ff;
  --msk-color-bg-inverse-disabled: #726e6e;
  --msk-color-bg-layer: #21272a;
  --msk-color-bg-layer-inverse: #c1c7cd;
  --msk-color-bg-notification-action-error: #ffc8e3;
  --msk-color-bg-notification-action-error-active: #ffffff;
  --msk-color-bg-notification-action-error-hover: #fff2f9;
  --msk-color-bg-notification-action-error-low-contrast: #85375c;
  --msk-color-bg-notification-action-error-low-contrast-active: #d9669d;
  --msk-color-bg-notification-action-error-low-contrast-hover: #b34e7e;
  --msk-color-bg-notification-action-info: #bae6ff;
  --msk-color-bg-notification-action-info-active: #ffffff;
  --msk-color-bg-notification-action-info-hover: #e5f6ff;
  --msk-color-bg-notification-action-info-low-contrast: #00539a;
  --msk-color-bg-notification-action-info-low-contrast-active: #1192e8;
  --msk-color-bg-notification-action-info-low-contrast-hover: #0072c3;
  --msk-color-bg-notification-action-success: #c7fcc6;
  --msk-color-bg-notification-action-success-active: #ffffff;
  --msk-color-bg-notification-action-success-hover: #e6ffe6;
  --msk-color-bg-notification-action-success-low-contrast: #175e15;
  --msk-color-bg-notification-action-success-low-contrast-active: #3fa13d;
  --msk-color-bg-notification-action-success-low-contrast-hover: #288326;
  --msk-color-bg-notification-action-warning: #fddc69;
  --msk-color-bg-notification-action-warning-active: #ffffff;
  --msk-color-bg-notification-action-warning-hover: #fcf4d6;
  --msk-color-bg-notification-action-warning-low-contrast: #684e00;
  --msk-color-bg-notification-action-warning-low-contrast-active: #b28600;
  --msk-color-bg-notification-action-warning-low-contrast-hover: #8e6a00;
  --msk-color-bg-progress: #21272a;
  --msk-color-bg-progress-filled: #b49ae0;
  --msk-color-bg-progress-filled-active: #e7d8ff;
  --msk-color-bg-progress-filled-hover: #d6bdff;
  --msk-color-bg-table-even: #21272a;
  --msk-color-bg-table-focus: #00091a;
  --msk-color-bg-table-hover: #001641;
  --msk-color-bg-table-odd: #111417;
  --msk-color-bg-table-selected: #002569;
  --msk-color-bg-tag-blue: #002569;
  --msk-color-bg-tag-blue-active: #001641;
  --msk-color-bg-tag-blue-hover: #113e90;
  --msk-color-bg-tag-cool-gray: #343a3f;
  --msk-color-bg-tag-cool-gray-active: #21272a;
  --msk-color-bg-tag-cool-gray-hover: #4d5358;
  --msk-color-bg-tag-cyan: #003a6d;
  --msk-color-bg-tag-cyan-active: #012749;
  --msk-color-bg-tag-cyan-hover: #00539a;
  --msk-color-bg-tag-gray: #393939;
  --msk-color-bg-tag-gray-active: #262626;
  --msk-color-bg-tag-gray-hover: #525252;
  --msk-color-bg-tag-green: #0e450d;
  --msk-color-bg-tag-green-active: #072806;
  --msk-color-bg-tag-green-hover: #175e15;
  --msk-color-bg-tag-high-contrast: #c6c6c6;
  --msk-color-bg-tag-high-contrast-active: #f4f4f4;
  --msk-color-bg-tag-high-contrast-hover: #e0e0e0;
  --msk-color-bg-tag-magenta: #612743;
  --msk-color-bg-tag-magenta-active: #401a2c;
  --msk-color-bg-tag-magenta-hover: #85375c;
  --msk-color-bg-tag-orange: #632900;
  --msk-color-bg-tag-orange-active: #3c1900;
  --msk-color-bg-tag-orange-hover: #8a3900;
  --msk-color-bg-tag-outline: rgba(0, 0, 0, 0);
  --msk-color-bg-tag-outline-active: #4d5358;
  --msk-color-bg-tag-outline-hover: #343a3f;
  --msk-color-bg-tag-purple: #432f64;
  --msk-color-bg-tag-purple-active: #2c1d45;
  --msk-color-bg-tag-purple-hover: #5c4583;
  --msk-color-bg-tag-red: #7a0700;
  --msk-color-bg-tag-red-active: #520400;
  --msk-color-bg-tag-red-hover: #a80900;
  --msk-color-bg-tag-teal: #14423f;
  --msk-color-bg-tag-teal-active: #092220;
  --msk-color-bg-tag-teal-hover: #215c57;
  --msk-color-bg-tag-warm-gray: #3c3838;
  --msk-color-bg-tag-warm-gray-active: #272525;
  --msk-color-bg-tag-warm-gray-hover: #565151;
  --msk-color-bg-tag-yellow: #483700;
  --msk-color-bg-tag-yellow-active: #302400;
  --msk-color-bg-tag-yellow-hover: #684e00;
  --msk-color-bg-track: #4d5358;
  --msk-color-bg-track-active: #878d96;
  --msk-color-bg-track-hover: #697077;
  --msk-color-border: #726e6e;
  --msk-color-border-action-danger: #f4b1ad;
  --msk-color-border-action-danger-active: #ffe4e3;
  --msk-color-border-action-danger-hover: #facdcb;
  --msk-color-border-action-secondary: #92b6f5;
  --msk-color-border-action-secondary-active: #f0f5ff;
  --msk-color-border-action-secondary-hover: #b5cffd;
  --msk-color-border-definition: #d2a106;
  --msk-color-border-definition-hover: #f1c21b;
  --msk-color-border-disabled: #726e6e;
  --msk-color-border-error: #ffa5d0;
  --msk-color-border-focus-inner: #000000;
  --msk-color-border-focus-outer: #ffffff;
  --msk-color-border-footer-divider: #343a3f;
  --msk-color-border-input: #c1c7cd;
  --msk-color-border-input-hover: #dde1e6;
  --msk-color-border-input-hover-secondary: #343a3f;
  --msk-color-border-layer: #565151;
  --msk-color-border-link: #92b6f5;
  --msk-color-border-link-active: #f0f5ff;
  --msk-color-border-link-hover: #b5cffd;
  --msk-color-border-link-inverse: #111417;
  --msk-color-border-link-inverse-active: #343a3f;
  --msk-color-border-link-inverse-disabled: #8f8b8b;
  --msk-color-border-link-inverse-hover: #21272a;
  --msk-color-border-link-neutral: #c1c7cd;
  --msk-color-border-link-neutral-active: #f2f4f8;
  --msk-color-border-link-neutral-hover: #dde1e6;
  --msk-color-border-link-visited: #d6bdff;
  --msk-color-border-progress: #4d5358;
  --msk-color-border-progress-active: #878d96;
  --msk-color-border-progress-filled: #b49ae0;
  --msk-color-border-progress-filled-active: #e7d8ff;
  --msk-color-border-progress-filled-hover: #d6bdff;
  --msk-color-border-progress-hover: #697077;
  --msk-color-border-selected: #b5cffd;
  --msk-color-border-tag-blue: #113e90;
  --msk-color-border-tag-blue-active: #4b7bd1;
  --msk-color-border-tag-blue-hover: #2b5cb3;
  --msk-color-border-tag-cool-gray: #4d5358;
  --msk-color-border-tag-cool-gray-active: #878d96;
  --msk-color-border-tag-cool-gray-hover: #697077;
  --msk-color-border-tag-cyan: #00539a;
  --msk-color-border-tag-cyan-active: #1192e8;
  --msk-color-border-tag-cyan-hover: #0072c3;
  --msk-color-border-tag-gray: #525252;
  --msk-color-border-tag-gray-active: #8d8d8d;
  --msk-color-border-tag-gray-hover: #6f6f6f;
  --msk-color-border-tag-green: #175e15;
  --msk-color-border-tag-green-active: #3fa13d;
  --msk-color-border-tag-green-hover: #288326;
  --msk-color-border-tag-high-contrast: #e0e0e0;
  --msk-color-border-tag-high-contrast-active: #ffffff;
  --msk-color-border-tag-high-contrast-hover: #f4f4f4;
  --msk-color-border-tag-magenta: #85375c;
  --msk-color-border-tag-magenta-active: #d9669d;
  --msk-color-border-tag-magenta-hover: #b34e7e;
  --msk-color-border-tag-orange: #8a3900;
  --msk-color-border-tag-orange-active: #d8691a;
  --msk-color-border-tag-orange-hover: #b14d06;
  --msk-color-border-tag-outline: #dde1e6;
  --msk-color-border-tag-outline-active: #ffffff;
  --msk-color-border-tag-outline-hover: #f2f4f8;
  --msk-color-border-tag-purple: #5c4583;
  --msk-color-border-tag-purple-active: #957ac1;
  --msk-color-border-tag-purple-hover: #785ea2;
  --msk-color-border-tag-red: #a80900;
  --msk-color-border-tag-red-active: #e9534b;
  --msk-color-border-tag-red-hover: #e40d00;
  --msk-color-border-tag-teal: #215c57;
  --msk-color-border-tag-teal-active: #48a29b;
  --msk-color-border-tag-teal-hover: #34827c;
  --msk-color-border-tag-warm-gray: #565151;
  --msk-color-border-tag-warm-gray-active: #8f8b8b;
  --msk-color-border-tag-warm-gray-hover: #726e6e;
  --msk-color-border-tag-yellow: #684e00;
  --msk-color-border-tag-yellow-active: #b28600;
  --msk-color-border-tag-yellow-hover: #8e6a00;
  --msk-color-border-weak: #565151;
  --msk-color-content-action: #dde1e6;
  --msk-color-content-action-active: #ffffff;
  --msk-color-content-action-danger: #f4b1ad;
  --msk-color-content-action-danger-active: #ffe4e3;
  --msk-color-content-action-danger-hover: #facdcb;
  --msk-color-content-action-hover: #f2f4f8;
  --msk-color-content-action-primary: #21272a;
  --msk-color-content-action-secondary: #92b6f5;
  --msk-color-content-action-secondary-active: #f0f5ff;
  --msk-color-content-action-secondary-hover: #b5cffd;
  --msk-color-content-action-selected: #b5cffd;
  --msk-color-content-action-selected-active: #ffffff;
  --msk-color-content-action-selected-hover: #f0f5ff;
  --msk-color-content-decorative: #697077;
  --msk-color-content-disabled: #726e6e;
  --msk-color-content-error: #ffa5d0;
  --msk-color-content-feedback-error: #ffc8e3;
  --msk-color-content-feedback-error-medium: #d9669d;
  --msk-color-content-feedback-error-strong: #fff2f9;
  --msk-color-content-feedback-error-weak: #401a2c;
  --msk-color-content-feedback-info: #bae6ff;
  --msk-color-content-feedback-info-medium: #1192e8;
  --msk-color-content-feedback-info-strong: #e5f6ff;
  --msk-color-content-feedback-info-weak: #012749;
  --msk-color-content-feedback-success: #c7fcc6;
  --msk-color-content-feedback-success-medium: #3fa13d;
  --msk-color-content-feedback-success-strong: #e6ffe6;
  --msk-color-content-feedback-success-weak: #072806;
  --msk-color-content-feedback-warning: #fddc69;
  --msk-color-content-feedback-warning-medium: #b28600;
  --msk-color-content-feedback-warning-strong: #fcf4d6;
  --msk-color-content-feedback-warning-weak: #302400;
  --msk-color-content-footer: #dde1e6;
  --msk-color-content-footer-action: #c1c7cd;
  --msk-color-content-footer-action-active: #f2f4f8;
  --msk-color-content-footer-action-hover: #dde1e6;
  --msk-color-content-input-primary: #f2f4f8;
  --msk-color-content-input-primary-hover: #ffffff;
  --msk-color-content-input-secondary: #c1c7cd;
  --msk-color-content-input-secondary-hover: #dde1e6;
  --msk-color-content-input-selected: #343a3f;
  --msk-color-content-input-selected-inverse: #b5cffd;
  --msk-color-content-input-selected-inverse-hover: #f0f5ff;
  --msk-color-content-inverse: #21272a;
  --msk-color-content-inverse-disabled: #3c3838;
  --msk-color-content-link: #92b6f5;
  --msk-color-content-link-active: #f0f5ff;
  --msk-color-content-link-hover: #b5cffd;
  --msk-color-content-link-inverse: #111417;
  --msk-color-content-link-inverse-active: #343a3f;
  --msk-color-content-link-inverse-disabled: #8f8b8b;
  --msk-color-content-link-inverse-hover: #21272a;
  --msk-color-content-link-neutral: #c1c7cd;
  --msk-color-content-link-neutral-active: #f2f4f8;
  --msk-color-content-link-neutral-hover: #dde1e6;
  --msk-color-content-link-visited: #d6bdff;
  --msk-color-content-logo: #ffffff;
  --msk-color-content-primary: #f7f3f2;
  --msk-color-content-progress: #c1c7cd;
  --msk-color-content-progress-active: #f2f4f8;
  --msk-color-content-progress-complete: #2c1d45;
  --msk-color-content-progress-complete-active: #5c4583;
  --msk-color-content-progress-complete-hover: #2c1d45;
  --msk-color-content-progress-hover: #dde1e6;
  --msk-color-content-secondary: #cac5c4;
  --msk-color-content-table: #f2f4f8;
  --msk-color-content-table-selected: #f0f5ff;
  --msk-color-content-tag-blue: #b5cffd;
  --msk-color-content-tag-blue-active: #ffffff;
  --msk-color-content-tag-blue-hover: #f0f5ff;
  --msk-color-content-tag-cool-gray: #dde1e6;
  --msk-color-content-tag-cool-gray-active: #ffffff;
  --msk-color-content-tag-cool-gray-hover: #f2f4f8;
  --msk-color-content-tag-cyan: #bae6ff;
  --msk-color-content-tag-cyan-active: #ffffff;
  --msk-color-content-tag-cyan-hover: #e5f6ff;
  --msk-color-content-tag-gray: #e0e0e0;
  --msk-color-content-tag-gray-active: #ffffff;
  --msk-color-content-tag-gray-hover: #f4f4f4;
  --msk-color-content-tag-green: #c7fcc6;
  --msk-color-content-tag-green-active: #ffffff;
  --msk-color-content-tag-green-hover: #f4f4f4;
  --msk-color-content-tag-high-contrast: #111417;
  --msk-color-content-tag-high-contrast-active: #343a3f;
  --msk-color-content-tag-high-contrast-hover: #21272a;
  --msk-color-content-tag-magenta: #ffc8e3;
  --msk-color-content-tag-magenta-active: #ffffff;
  --msk-color-content-tag-magenta-hover: #fff2f9;
  --msk-color-content-tag-orange: #ffcdaa;
  --msk-color-content-tag-orange-active: #ffffff;
  --msk-color-content-tag-orange-hover: #fff0e4;
  --msk-color-content-tag-outline: #e0e0e0;
  --msk-color-content-tag-outline-active: #ffffff;
  --msk-color-content-tag-outline-hover: #f4f4f4;
  --msk-color-content-tag-purple: #e7d8ff;
  --msk-color-content-tag-purple-active: #ffffff;
  --msk-color-content-tag-purple-hover: #f7f3ff;
  --msk-color-content-tag-red: #facdcb;
  --msk-color-content-tag-red-active: #ffffff;
  --msk-color-content-tag-red-hover: #ffe4e3;
  --msk-color-content-tag-teal: #aff1eb;
  --msk-color-content-tag-teal-active: #ffffff;
  --msk-color-content-tag-teal-hover: #edfffd;
  --msk-color-content-tag-warm-gray: #e5e0df;
  --msk-color-content-tag-warm-gray-active: #ffffff;
  --msk-color-content-tag-warm-gray-hover: #f7f3f2;
  --msk-color-content-tag-yellow: #fddc69;
  --msk-color-content-tag-yellow-active: #ffffff;
  --msk-color-content-tag-yellow-hover: #fcf4d6;
}

@media (prefers-color-scheme: dark) {
  :root {
    --msk-color-bg: #21272a;
    --msk-color-bg-action: rgba(0, 0, 0, 0);
    --msk-color-bg-action-active: #4d5358;
    --msk-color-bg-action-danger-active: #a80900;
    --msk-color-bg-action-danger-hover: #7a0700;
    --msk-color-bg-action-danger-inverse-active: #facdcb;
    --msk-color-bg-action-danger-inverse-hover: #f4b1ad;
    --msk-color-bg-action-hover: #343a3f;
    --msk-color-bg-action-layer: rgba(0, 0, 0, 0);
    --msk-color-bg-action-layer-active: #4d5358;
    --msk-color-bg-action-layer-hover: #343a3f;
    --msk-color-bg-action-primary: #92b6f5;
    --msk-color-bg-action-primary-active: #f0f5ff;
    --msk-color-bg-action-primary-danger: #f4b1ad;
    --msk-color-bg-action-primary-danger-active: #ffe4e3;
    --msk-color-bg-action-primary-danger-hover: #facdcb;
    --msk-color-bg-action-primary-hover: #b5cffd;
    --msk-color-bg-action-selected: #002569;
    --msk-color-bg-action-selected-active: #00091a;
    --msk-color-bg-action-selected-hover: #113e90;
    --msk-color-bg-action-selected-inverse: #92b6f5;
    --msk-color-bg-disabled: #3c3838;
    --msk-color-bg-error: #ffa5d0;
    --msk-color-bg-feedback-error: #ffa5d0;
    --msk-color-bg-feedback-error-medium: #d9669d;
    --msk-color-bg-feedback-error-strong: #fff2f9;
    --msk-color-bg-feedback-error-weak: #612743;
    --msk-color-bg-feedback-info: #82cfff;
    --msk-color-bg-feedback-info-medium: #1192e8;
    --msk-color-bg-feedback-info-strong: #e5f6ff;
    --msk-color-bg-feedback-info-weak: #003a6d;
    --msk-color-bg-feedback-success: #8dde8b;
    --msk-color-bg-feedback-success-medium: #3fa13d;
    --msk-color-bg-feedback-success-strong: #e6ffe6;
    --msk-color-bg-feedback-success-weak: #0e450d;
    --msk-color-bg-feedback-warning: #f1c21b;
    --msk-color-bg-feedback-warning-medium: #b28600;
    --msk-color-bg-feedback-warning-strong: #fcf4d6;
    --msk-color-bg-feedback-warning-weak: #483700;
    --msk-color-bg-footer: #111417;
    --msk-color-bg-footer-action-active: #343a3f;
    --msk-color-bg-footer-action-hover: #21272a;
    --msk-color-bg-input: #21272a;
    --msk-color-bg-input-inverse: #c1c7cd;
    --msk-color-bg-input-inverse-hover: #dde1e6;
    --msk-color-bg-input-item-hover: #343a3f;
    --msk-color-bg-input-selected: #b5cffd;
    --msk-color-bg-input-selected-hover: #f0f5ff;
    --msk-color-bg-inverse-disabled: #726e6e;
    --msk-color-bg-layer: #21272a;
    --msk-color-bg-layer-inverse: #c1c7cd;
    --msk-color-bg-notification-action-error: #ffc8e3;
    --msk-color-bg-notification-action-error-active: #ffffff;
    --msk-color-bg-notification-action-error-hover: #fff2f9;
    --msk-color-bg-notification-action-error-low-contrast: #85375c;
    --msk-color-bg-notification-action-error-low-contrast-active: #d9669d;
    --msk-color-bg-notification-action-error-low-contrast-hover: #b34e7e;
    --msk-color-bg-notification-action-info: #bae6ff;
    --msk-color-bg-notification-action-info-active: #ffffff;
    --msk-color-bg-notification-action-info-hover: #e5f6ff;
    --msk-color-bg-notification-action-info-low-contrast: #00539a;
    --msk-color-bg-notification-action-info-low-contrast-active: #1192e8;
    --msk-color-bg-notification-action-info-low-contrast-hover: #0072c3;
    --msk-color-bg-notification-action-success: #c7fcc6;
    --msk-color-bg-notification-action-success-active: #ffffff;
    --msk-color-bg-notification-action-success-hover: #e6ffe6;
    --msk-color-bg-notification-action-success-low-contrast: #175e15;
    --msk-color-bg-notification-action-success-low-contrast-active: #3fa13d;
    --msk-color-bg-notification-action-success-low-contrast-hover: #288326;
    --msk-color-bg-notification-action-warning: #fddc69;
    --msk-color-bg-notification-action-warning-active: #ffffff;
    --msk-color-bg-notification-action-warning-hover: #fcf4d6;
    --msk-color-bg-notification-action-warning-low-contrast: #684e00;
    --msk-color-bg-notification-action-warning-low-contrast-active: #b28600;
    --msk-color-bg-notification-action-warning-low-contrast-hover: #8e6a00;
    --msk-color-bg-progress: #21272a;
    --msk-color-bg-progress-filled: #b49ae0;
    --msk-color-bg-progress-filled-active: #e7d8ff;
    --msk-color-bg-progress-filled-hover: #d6bdff;
    --msk-color-bg-table-even: #21272a;
    --msk-color-bg-table-focus: #00091a;
    --msk-color-bg-table-hover: #001641;
    --msk-color-bg-table-odd: #111417;
    --msk-color-bg-table-selected: #002569;
    --msk-color-bg-tag-blue: #002569;
    --msk-color-bg-tag-blue-active: #001641;
    --msk-color-bg-tag-blue-hover: #113e90;
    --msk-color-bg-tag-cool-gray: #343a3f;
    --msk-color-bg-tag-cool-gray-active: #21272a;
    --msk-color-bg-tag-cool-gray-hover: #4d5358;
    --msk-color-bg-tag-cyan: #003a6d;
    --msk-color-bg-tag-cyan-active: #012749;
    --msk-color-bg-tag-cyan-hover: #00539a;
    --msk-color-bg-tag-gray: #393939;
    --msk-color-bg-tag-gray-active: #262626;
    --msk-color-bg-tag-gray-hover: #525252;
    --msk-color-bg-tag-green: #0e450d;
    --msk-color-bg-tag-green-active: #072806;
    --msk-color-bg-tag-green-hover: #175e15;
    --msk-color-bg-tag-high-contrast: #c6c6c6;
    --msk-color-bg-tag-high-contrast-active: #f4f4f4;
    --msk-color-bg-tag-high-contrast-hover: #e0e0e0;
    --msk-color-bg-tag-magenta: #612743;
    --msk-color-bg-tag-magenta-active: #401a2c;
    --msk-color-bg-tag-magenta-hover: #85375c;
    --msk-color-bg-tag-orange: #632900;
    --msk-color-bg-tag-orange-active: #3c1900;
    --msk-color-bg-tag-orange-hover: #8a3900;
    --msk-color-bg-tag-outline: rgba(0, 0, 0, 0);
    --msk-color-bg-tag-outline-active: #4d5358;
    --msk-color-bg-tag-outline-hover: #343a3f;
    --msk-color-bg-tag-purple: #432f64;
    --msk-color-bg-tag-purple-active: #2c1d45;
    --msk-color-bg-tag-purple-hover: #5c4583;
    --msk-color-bg-tag-red: #7a0700;
    --msk-color-bg-tag-red-active: #520400;
    --msk-color-bg-tag-red-hover: #a80900;
    --msk-color-bg-tag-teal: #14423f;
    --msk-color-bg-tag-teal-active: #092220;
    --msk-color-bg-tag-teal-hover: #215c57;
    --msk-color-bg-tag-warm-gray: #3c3838;
    --msk-color-bg-tag-warm-gray-active: #272525;
    --msk-color-bg-tag-warm-gray-hover: #565151;
    --msk-color-bg-tag-yellow: #483700;
    --msk-color-bg-tag-yellow-active: #302400;
    --msk-color-bg-tag-yellow-hover: #684e00;
    --msk-color-bg-track: #4d5358;
    --msk-color-bg-track-active: #878d96;
    --msk-color-bg-track-hover: #697077;
    --msk-color-border: #726e6e;
    --msk-color-border-action-danger: #f4b1ad;
    --msk-color-border-action-danger-active: #ffe4e3;
    --msk-color-border-action-danger-hover: #facdcb;
    --msk-color-border-action-secondary: #92b6f5;
    --msk-color-border-action-secondary-active: #f0f5ff;
    --msk-color-border-action-secondary-hover: #b5cffd;
    --msk-color-border-definition: #d2a106;
    --msk-color-border-definition-hover: #f1c21b;
    --msk-color-border-disabled: #726e6e;
    --msk-color-border-error: #ffa5d0;
    --msk-color-border-focus-inner: #000000;
    --msk-color-border-focus-outer: #ffffff;
    --msk-color-border-footer-divider: #343a3f;
    --msk-color-border-input: #c1c7cd;
    --msk-color-border-input-hover: #dde1e6;
    --msk-color-border-input-hover-secondary: #343a3f;
    --msk-color-border-layer: #565151;
    --msk-color-border-link: #92b6f5;
    --msk-color-border-link-active: #f0f5ff;
    --msk-color-border-link-hover: #b5cffd;
    --msk-color-border-link-inverse: #111417;
    --msk-color-border-link-inverse-active: #343a3f;
    --msk-color-border-link-inverse-disabled: #8f8b8b;
    --msk-color-border-link-inverse-hover: #21272a;
    --msk-color-border-link-neutral: #c1c7cd;
    --msk-color-border-link-neutral-active: #f2f4f8;
    --msk-color-border-link-neutral-hover: #dde1e6;
    --msk-color-border-link-visited: #d6bdff;
    --msk-color-border-progress: #4d5358;
    --msk-color-border-progress-active: #878d96;
    --msk-color-border-progress-filled: #b49ae0;
    --msk-color-border-progress-filled-active: #e7d8ff;
    --msk-color-border-progress-filled-hover: #d6bdff;
    --msk-color-border-progress-hover: #697077;
    --msk-color-border-selected: #b5cffd;
    --msk-color-border-tag-blue: #113e90;
    --msk-color-border-tag-blue-active: #4b7bd1;
    --msk-color-border-tag-blue-hover: #2b5cb3;
    --msk-color-border-tag-cool-gray: #4d5358;
    --msk-color-border-tag-cool-gray-active: #878d96;
    --msk-color-border-tag-cool-gray-hover: #697077;
    --msk-color-border-tag-cyan: #00539a;
    --msk-color-border-tag-cyan-active: #1192e8;
    --msk-color-border-tag-cyan-hover: #0072c3;
    --msk-color-border-tag-gray: #525252;
    --msk-color-border-tag-gray-active: #8d8d8d;
    --msk-color-border-tag-gray-hover: #6f6f6f;
    --msk-color-border-tag-green: #175e15;
    --msk-color-border-tag-green-active: #3fa13d;
    --msk-color-border-tag-green-hover: #288326;
    --msk-color-border-tag-high-contrast: #e0e0e0;
    --msk-color-border-tag-high-contrast-active: #ffffff;
    --msk-color-border-tag-high-contrast-hover: #f4f4f4;
    --msk-color-border-tag-magenta: #85375c;
    --msk-color-border-tag-magenta-active: #d9669d;
    --msk-color-border-tag-magenta-hover: #b34e7e;
    --msk-color-border-tag-orange: #8a3900;
    --msk-color-border-tag-orange-active: #d8691a;
    --msk-color-border-tag-orange-hover: #b14d06;
    --msk-color-border-tag-outline: #dde1e6;
    --msk-color-border-tag-outline-active: #ffffff;
    --msk-color-border-tag-outline-hover: #f2f4f8;
    --msk-color-border-tag-purple: #5c4583;
    --msk-color-border-tag-purple-active: #957ac1;
    --msk-color-border-tag-purple-hover: #785ea2;
    --msk-color-border-tag-red: #a80900;
    --msk-color-border-tag-red-active: #e9534b;
    --msk-color-border-tag-red-hover: #e40d00;
    --msk-color-border-tag-teal: #215c57;
    --msk-color-border-tag-teal-active: #48a29b;
    --msk-color-border-tag-teal-hover: #34827c;
    --msk-color-border-tag-warm-gray: #565151;
    --msk-color-border-tag-warm-gray-active: #8f8b8b;
    --msk-color-border-tag-warm-gray-hover: #726e6e;
    --msk-color-border-tag-yellow: #684e00;
    --msk-color-border-tag-yellow-active: #b28600;
    --msk-color-border-tag-yellow-hover: #8e6a00;
    --msk-color-border-weak: #565151;
    --msk-color-content-action: #dde1e6;
    --msk-color-content-action-active: #ffffff;
    --msk-color-content-action-danger: #f4b1ad;
    --msk-color-content-action-danger-active: #ffe4e3;
    --msk-color-content-action-danger-hover: #facdcb;
    --msk-color-content-action-hover: #f2f4f8;
    --msk-color-content-action-primary: #21272a;
    --msk-color-content-action-secondary: #92b6f5;
    --msk-color-content-action-secondary-active: #f0f5ff;
    --msk-color-content-action-secondary-hover: #b5cffd;
    --msk-color-content-action-selected: #b5cffd;
    --msk-color-content-action-selected-active: #ffffff;
    --msk-color-content-action-selected-hover: #f0f5ff;
    --msk-color-content-decorative: #697077;
    --msk-color-content-disabled: #726e6e;
    --msk-color-content-error: #ffa5d0;
    --msk-color-content-feedback-error: #ffc8e3;
    --msk-color-content-feedback-error-medium: #d9669d;
    --msk-color-content-feedback-error-strong: #fff2f9;
    --msk-color-content-feedback-error-weak: #401a2c;
    --msk-color-content-feedback-info: #bae6ff;
    --msk-color-content-feedback-info-medium: #1192e8;
    --msk-color-content-feedback-info-strong: #e5f6ff;
    --msk-color-content-feedback-info-weak: #012749;
    --msk-color-content-feedback-success: #c7fcc6;
    --msk-color-content-feedback-success-medium: #3fa13d;
    --msk-color-content-feedback-success-strong: #e6ffe6;
    --msk-color-content-feedback-success-weak: #072806;
    --msk-color-content-feedback-warning: #fddc69;
    --msk-color-content-feedback-warning-medium: #b28600;
    --msk-color-content-feedback-warning-strong: #fcf4d6;
    --msk-color-content-feedback-warning-weak: #302400;
    --msk-color-content-footer: #dde1e6;
    --msk-color-content-footer-action: #c1c7cd;
    --msk-color-content-footer-action-active: #f2f4f8;
    --msk-color-content-footer-action-hover: #dde1e6;
    --msk-color-content-input-primary: #f2f4f8;
    --msk-color-content-input-primary-hover: #ffffff;
    --msk-color-content-input-secondary: #c1c7cd;
    --msk-color-content-input-secondary-hover: #dde1e6;
    --msk-color-content-input-selected: #343a3f;
    --msk-color-content-input-selected-inverse: #b5cffd;
    --msk-color-content-input-selected-inverse-hover: #f0f5ff;
    --msk-color-content-inverse: #21272a;
    --msk-color-content-inverse-disabled: #3c3838;
    --msk-color-content-link: #92b6f5;
    --msk-color-content-link-active: #f0f5ff;
    --msk-color-content-link-hover: #b5cffd;
    --msk-color-content-link-inverse: #111417;
    --msk-color-content-link-inverse-active: #343a3f;
    --msk-color-content-link-inverse-disabled: #8f8b8b;
    --msk-color-content-link-inverse-hover: #21272a;
    --msk-color-content-link-neutral: #c1c7cd;
    --msk-color-content-link-neutral-active: #f2f4f8;
    --msk-color-content-link-neutral-hover: #dde1e6;
    --msk-color-content-link-visited: #d6bdff;
    --msk-color-content-logo: #ffffff;
    --msk-color-content-primary: #f7f3f2;
    --msk-color-content-progress: #c1c7cd;
    --msk-color-content-progress-active: #f2f4f8;
    --msk-color-content-progress-complete: #2c1d45;
    --msk-color-content-progress-complete-active: #5c4583;
    --msk-color-content-progress-complete-hover: #2c1d45;
    --msk-color-content-progress-hover: #dde1e6;
    --msk-color-content-secondary: #cac5c4;
    --msk-color-content-table: #f2f4f8;
    --msk-color-content-table-selected: #f0f5ff;
    --msk-color-content-tag-blue: #b5cffd;
    --msk-color-content-tag-blue-active: #ffffff;
    --msk-color-content-tag-blue-hover: #f0f5ff;
    --msk-color-content-tag-cool-gray: #dde1e6;
    --msk-color-content-tag-cool-gray-active: #ffffff;
    --msk-color-content-tag-cool-gray-hover: #f2f4f8;
    --msk-color-content-tag-cyan: #bae6ff;
    --msk-color-content-tag-cyan-active: #ffffff;
    --msk-color-content-tag-cyan-hover: #e5f6ff;
    --msk-color-content-tag-gray: #e0e0e0;
    --msk-color-content-tag-gray-active: #ffffff;
    --msk-color-content-tag-gray-hover: #f4f4f4;
    --msk-color-content-tag-green: #c7fcc6;
    --msk-color-content-tag-green-active: #ffffff;
    --msk-color-content-tag-green-hover: #f4f4f4;
    --msk-color-content-tag-high-contrast: #111417;
    --msk-color-content-tag-high-contrast-active: #343a3f;
    --msk-color-content-tag-high-contrast-hover: #21272a;
    --msk-color-content-tag-magenta: #ffc8e3;
    --msk-color-content-tag-magenta-active: #ffffff;
    --msk-color-content-tag-magenta-hover: #fff2f9;
    --msk-color-content-tag-orange: #ffcdaa;
    --msk-color-content-tag-orange-active: #ffffff;
    --msk-color-content-tag-orange-hover: #fff0e4;
    --msk-color-content-tag-outline: #e0e0e0;
    --msk-color-content-tag-outline-active: #ffffff;
    --msk-color-content-tag-outline-hover: #f4f4f4;
    --msk-color-content-tag-purple: #e7d8ff;
    --msk-color-content-tag-purple-active: #ffffff;
    --msk-color-content-tag-purple-hover: #f7f3ff;
    --msk-color-content-tag-red: #facdcb;
    --msk-color-content-tag-red-active: #ffffff;
    --msk-color-content-tag-red-hover: #ffe4e3;
    --msk-color-content-tag-teal: #aff1eb;
    --msk-color-content-tag-teal-active: #ffffff;
    --msk-color-content-tag-teal-hover: #edfffd;
    --msk-color-content-tag-warm-gray: #e5e0df;
    --msk-color-content-tag-warm-gray-active: #ffffff;
    --msk-color-content-tag-warm-gray-hover: #f7f3f2;
    --msk-color-content-tag-yellow: #fddc69;
    --msk-color-content-tag-yellow-active: #ffffff;
    --msk-color-content-tag-yellow-hover: #fcf4d6;
  }
}