:root, :host {
  --boldly-color-white: #FFFFFF;
  --boldly-color-black: #000000;
  --boldly-color-transparent: transparent;
  --boldly-color-grey-100: #F5F6F7;
  --boldly-color-grey-200: #E9ECF0;
  --boldly-color-grey-300: #D1D9E0;
  --boldly-color-grey-400: #A7B6C2;
  --boldly-color-grey-500: #8797A3;
  --boldly-color-grey-600: #6E808F;
  --boldly-color-grey-700: #516578;
  --boldly-color-grey-800: #3C4E62;
  --boldly-color-grey-900: #2C394B;
  --boldly-color-grey-1000: #1E2635;
  --boldly-color-grey-1100: #11151F;
  --boldly-color-red-100: #FFF0F3;
  --boldly-color-red-200: #FFDEE4;
  --boldly-color-red-300: #FFC2CD;
  --boldly-color-red-400: #FFA1B3;
  --boldly-color-red-500: #F26B83;
  --boldly-color-red-600: #F03A5A;
  --boldly-color-red-700: #D21033;
  --boldly-color-red-800: #B90022;
  --boldly-color-red-900: #8F001B;
  --boldly-color-red-1000: #6C0014;
  --boldly-color-red-1100: #3D000B;
  --boldly-color-orange-100: #FFFAEB;
  --boldly-color-orange-200: #FFECC4;
  --boldly-color-orange-300: #F9D596;
  --boldly-color-orange-400: #F4BC6F;
  --boldly-color-orange-500: #F29838;
  --boldly-color-orange-600: #E07112;
  --boldly-color-orange-700: #C24E00;
  --boldly-color-orange-800: #B53E00;
  --boldly-color-orange-900: #912900;
  --boldly-color-orange-1000: #641700;
  --boldly-color-orange-1100: #330800;
  --boldly-color-yellow-100: #FFFDF2;
  --boldly-color-yellow-200: #FBF3C8;
  --boldly-color-yellow-300: #F4E69D;
  --boldly-color-yellow-400: #EBD673;
  --boldly-color-yellow-500: #DDC34B;
  --boldly-color-yellow-600: #C79C24;
  --boldly-color-yellow-700: #9E6900;
  --boldly-color-yellow-800: #804F00;
  --boldly-color-yellow-900: #573100;
  --boldly-color-yellow-1000: #422300;
  --boldly-color-yellow-1100: #2E1600;
  --boldly-color-green-100: #E5FFF7;
  --boldly-color-green-200: #B6F0E3;
  --boldly-color-green-300: #80D9CB;
  --boldly-color-green-400: #53C7BA;
  --boldly-color-green-500: #21A39B;
  --boldly-color-green-600: #0F948F;
  --boldly-color-green-700: #007E7C;
  --boldly-color-green-800: #006968;
  --boldly-color-green-900: #005453;
  --boldly-color-green-1000: #003E3E;
  --boldly-color-green-1100: #002929;
  --boldly-color-teal-100: #F5FDFF;
  --boldly-color-teal-200: #D6F7FF;
  --boldly-color-teal-300: #B8F2FF;
  --boldly-color-teal-400: #95DFF0;
  --boldly-color-teal-500: #4BC2DD;
  --boldly-color-teal-600: #0CA0C2;
  --boldly-color-teal-700: #00819E;
  --boldly-color-teal-800: #006278;
  --boldly-color-teal-900: #004B5C;
  --boldly-color-teal-1000: #003A47;
  --boldly-color-teal-1100: #002229;
  --boldly-color-blue-100: #EBF7FF;
  --boldly-color-blue-200: #CCEAFF;
  --boldly-color-blue-300: #A3DAFF;
  --boldly-color-blue-400: #75C6FF;
  --boldly-color-blue-500: #33A8FF;
  --boldly-color-blue-600: #138DF0;
  --boldly-color-blue-700: #0069D1;
  --boldly-color-blue-800: #0057B7;
  --boldly-color-blue-900: #003E93;
  --boldly-color-blue-1000: #002A68;
  --boldly-color-blue-1100: #001638;
  --boldly-color-purple-100: #F6F0FF;
  --boldly-color-purple-200: #ECE0FF;
  --boldly-color-purple-300: #D9C2FF;
  --boldly-color-purple-400: #C6A3FF;
  --boldly-color-purple-500: #B485FF;
  --boldly-color-purple-600: #8F57EB;
  --boldly-color-purple-700: #7537D9;
  --boldly-color-purple-800: #561AB7;
  --boldly-color-purple-900: #3B0493;
  --boldly-color-purple-1000: #280068;
  --boldly-color-purple-1100: #18003D;
  --boldly-color-pink-100: #FFF0F7;
  --boldly-color-pink-200: #FFDEEE;
  --boldly-color-pink-300: #FCBBDA;
  --boldly-color-pink-400: #FAA0CC;
  --boldly-color-pink-500: #F078B2;
  --boldly-color-pink-600: #DB4F93;
  --boldly-color-pink-700: #C92876;
  --boldly-color-pink-800: #A30D56;
  --boldly-color-pink-900: #850141;
  --boldly-color-pink-1000: #640030;
  --boldly-color-pink-1100: #330019
}

:root, :host, [data-color-scheme='light'] {
  --background-color-surface-default: #FFFFFF;
  --background-color-surface-base: #F5F6F7;
  --background-color-surface-elevated: #F5F6F7;
  --background-color-surface-accent: #EBF7FF;
  --background-color-surface-brand: #0069D1;
  --background-color-surface-inverse: #1E2635;
  --background-color-surface-highlight: #FBF3C8;
  --background-color-danger: #FFF0F3;
  --background-color-warning: #FFFAEB;
  --background-color-success: #E5FFF7;
  --background-color-info: #EBF7FF;
  --background-color-new: #F6F0FF;
  --background-color-action-primary-bold: #0069D1;
  --background-color-action-primary-bold-hover: #0057B7;
  --background-color-action-primary-bold-active: #003E93;
  --background-color-action-primary-bold-disabled: #A3DAFF;
  --background-color-action-primary-subtle: #EBF7FF;
  --background-color-action-primary-subtle-hover: #CCEAFF;
  --background-color-action-primary-subtle-active: #A3DAFF;
  --background-color-action-primary-subtle-disabled: #EBF7FF;
  --background-color-action-primary-subtlest: #FFFFFF;
  --background-color-action-primary-subtlest-hover: #EBF7FF;
  --background-color-action-primary-subtlest-active: #CCEAFF;
  --background-color-action-primary-overlay: #FFFFFF01;
  --background-color-action-primary-overlay-hover: #33A8FF20;
  --background-color-action-primary-overlay-active: #33A8FF40;
  --background-color-action-neutral-bold: #516578;
  --background-color-action-neutral-bold-hover: #3C4E62;
  --background-color-action-neutral-bold-active: #2C394B;
  --background-color-action-neutral-bold-disabled: #D1D9E0;
  --background-color-action-neutral-light: #FFFFFF;
  --background-color-action-neutral-light-hover: #F5F6F7;
  --background-color-action-neutral-light-active: #E9ECF0;
  --background-color-action-neutral-subtle: #E9ECF0;
  --background-color-action-neutral-subtle-hover: #D1D9E0;
  --background-color-action-neutral-subtle-active: #A7B6C2;
  --background-color-action-neutral-subtlest: #F5F6F7;
  --background-color-action-neutral-subtlest-hover: #E9ECF0;
  --background-color-action-neutral-subtlest-active: #D1D9E0;
  --background-color-action-neutral-overlay: #FFFFFF01;
  --background-color-action-neutral-overlay-hover: #8797A320;
  --background-color-action-neutral-overlay-active: #8797A340;
  --background-color-action-selected-bold: #0069D1;
  --background-color-action-selected-bold-hover: #0057B7;
  --background-color-action-selected-subtle: #EBF7FF;
  --background-color-action-selected-subtle-hover: #CCEAFF;
  --background-color-action-danger: #D21033;
  --background-color-action-danger-hover: #B90022;
  --background-color-action-danger-active: #8F001B;
  --background-color-action-danger-disabled: #FFC2CD;
  --background-color-form: #FFFFFF;
  --background-color-form-hover: #E9ECF0;
  --background-color-form-disabled: #F5F6F7;
  --background-color-backdrop: #11151F50;
  --background-color-tag-grey: #E9ECF0;
  --background-color-tag-red: #FFDEE4;
  --background-color-tag-orange: #FFECC4;
  --background-color-tag-yellow: #FBF3C8;
  --background-color-tag-green: #B6F0E3;
  --background-color-tag-teal: #D6F7FF;
  --background-color-tag-blue: #CCEAFF;
  --background-color-tag-purple: #ECE0FF;
  --background-color-tag-pink: #FFDEEE;
  --background-color-chart-primary: #0069D1;
  --background-color-chart-neutral: #516578;
  --background-color-chart-empty: #D1D9E0;
  --boldly-background-color-surface-default: #FFFFFF;
  --boldly-background-color-surface-subdued: #F5F6F7;
  --boldly-background-color-primary: #0069D1;
  --boldly-background-color-primary-hover: #0057B7;
  --boldly-background-color-primary-active: #003E93;
  --boldly-background-color-primary-focus: #0069D1;
  --boldly-background-color-primary-selected: #0069D1;
  --boldly-background-color-primary-disabled: #A3DAFF;
  --boldly-background-color-secondary: #FFFFFF;
  --boldly-background-color-secondary-hover: #F5F6F7;
  --boldly-background-color-secondary-active: #E9ECF0;
  --boldly-background-color-secondary-focus: #FFFFFF;
  --boldly-background-color-secondary-selected: #F5F6F7;
  --boldly-background-color-secondary-disabled: #FFFFFF;
  --boldly-background-color-tertiary: #EBF7FF;
  --boldly-background-color-tertiary-hover: #CCEAFF;
  --boldly-background-color-tertiary-active: #A3DAFF;
  --boldly-background-color-tertiary-focus: #EBF7FF;
  --boldly-background-color-tertiary-disabled: #EBF7FF;
  --boldly-background-color-success: #007E7C;
  --boldly-background-color-success-hover: #006968;
  --boldly-background-color-success-active: #005453;
  --boldly-background-color-success-focus: #007E7C;
  --boldly-background-color-danger: #D21033;
  --boldly-background-color-danger-hover: #B90022;
  --boldly-background-color-danger-active: #8F001B;
  --boldly-background-color-danger-focus: #D21033;
  --boldly-background-color-danger-disabled: #FFC2CD;
  --boldly-background-color-warning: #C24E00;
  --boldly-background-color-warning-hover: #B53E00;
  --boldly-background-color-warning-active: #912900;
  --boldly-background-color-warning-focus: #C24E00;
  --boldly-background-color-info: #0069D1;
  --boldly-background-color-info-hover: #0057B7;
  --boldly-background-color-info-active: #003E93;
  --boldly-background-color-info-focus: #0069D1;
  --border-color-default: #D1D9E0;
  --border-color-subdued: #E9ECF0;
  --border-color-control: #A7B6C2;
  --border-color-danger: #D21033;
  --border-color-warning: #C24E00;
  --border-color-success: #007E7C;
  --border-color-info: #0069D1;
  --border-color-new: #7537D9;
  --border-color-selected: #0069D1;
  --border-color-selected-disabled: #75C6FF;
  --border-color-tag-grey: #D1D9E0;
  --border-color-tag-red: #FFC2CD;
  --border-color-tag-orange: #F9D596;
  --border-color-tag-yellow: #F4E69D;
  --border-color-tag-green: #80D9CB;
  --border-color-tag-teal: #B8F2FF;
  --border-color-tag-blue: #A3DAFF;
  --border-color-tag-purple: #D9C2FF;
  --border-color-tag-pink: #FCBBDA;
  --boldly-border-color-default: #D1D9E0;
  --boldly-border-color-subdued: #E9ECF0;
  --boldly-border-color-primary: #0069D1;
  --boldly-border-color-primary-hover: #0057B7;
  --boldly-border-color-primary-active: #003E93;
  --boldly-border-color-primary-focus: #0069D1;
  --boldly-border-color-primary-selected: #0069D1;
  --boldly-border-color-secondary: #A7B6C2;
  --boldly-border-color-secondary-hover: #A7B6C2;
  --boldly-border-color-secondary-active: #A7B6C2;
  --boldly-border-color-secondary-focus: #A7B6C2;
  --boldly-border-color-secondary-selected: #A7B6C2;
  --boldly-border-color-secondary-disabled: #D1D9E0;
  --boldly-border-color-tertiary: #EBF7FF;
  --boldly-border-color-tertiary-hover: #CCEAFF;
  --boldly-border-color-tertiary-active: #A3DAFF;
  --boldly-border-color-tertiary-focus: #EBF7FF;
  --boldly-border-color-tertiary-disabled: #EBF7FF;
  --boldly-border-color-success: #007E7C;
  --boldly-border-color-success-hover: #006968;
  --boldly-border-color-success-active: #005453;
  --boldly-border-color-success-focus: #007E7C;
  --boldly-border-color-danger: #D21033;
  --boldly-border-color-danger-hover: #B90022;
  --boldly-border-color-danger-active: #8F001B;
  --boldly-border-color-danger-focus: #D21033;
  --boldly-border-color-danger-disabled: #FFC2CD;
  --boldly-border-color-warning: #C24E00;
  --boldly-border-color-warning-hover: #B53E00;
  --boldly-border-color-warning-active: #912900;
  --boldly-border-color-warning-focus: #C24E00;
  --boldly-border-color-info: #0069D1;
  --boldly-border-color-info-hover: #0057B7;
  --boldly-border-color-info-active: #003E93;
  --boldly-border-color-info-focus: #0069D1;
  --box-shadow-sm: 0 1px 3px 0 rgb(60 78 98 / 0.16);
  --box-shadow: 0 2px 4px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-md: 0 4px 8px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-lg: 0 8px 16px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-xl: 0 12px 24px 0 rgb(81 101 120 / 0.16), 0 1px 3px 0 rgb(60 78 98 / 0.08);
  --box-shadow-none: 0 0 0 0 #000000;
  --box-shadow-color-1: #3C4E6208;
  --box-shadow-color-2: #51657816;
  --drop-shadow-sm: drop-shadow(0 1px 3px rgb(60 78 98 / 0.16));
  --drop-shadow: drop-shadow(0 2px 4px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-md: drop-shadow(0 4px 8px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-lg: drop-shadow(0 8px 16px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-xl: drop-shadow(0 12px 24px rgb(81 101 120 / 0.16)) drop-shadow(0 1px 3px rgb(60 78 98 / 0.08));
  --drop-shadow-none: drop-shadow(0 0 0 #000000);
  --font-family-sans: 'Inter', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  --letter-spacing-tighter: -0.01em;
  --letter-spacing-tight: -0.005em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.005em;
  --letter-spacing-wider: 0.01em;
  --letter-spacing-widest: 0.05em;
  --focus-color: #0069D1;
  --focus-outset-color: #A3DAFF;
  --boldly-outline-color-focus: #0069D1;
  --text-color-default: #1E2635;
  --text-color-title: #11151F;
  --text-color-subdued: #516578;
  --text-color-placeholder: #516578;
  --text-color-disabled: #8797A3;
  --text-color-light: #FFFFFF;
  --text-color-dark: #11151F;
  --text-color-inverse: #FFFFFF;
  --text-color-selected: #0069D1;
  --text-color-selected-bold: #0057B7;
  --text-color-danger: #D21033;
  --text-color-warning: #C24E00;
  --text-color-success: #007E7C;
  --text-color-info: #0069D1;
  --text-color-new: #7537D9;
  --text-color-link: #0069D1;
  --text-color-link-hover: #0057B7;
  --text-color-link-active: #003E93;
  --text-color-cta-primary-disabled: #FFFFFF;
  --text-color-cta-tertiary-disabled: #33A8FF;
  --text-color-cta-danger-disabled: #FFFFFF;
  --text-color-tag-grey: #2C394B;
  --text-color-tag-red: #8F001B;
  --text-color-tag-orange: #912900;
  --text-color-tag-yellow: #573100;
  --text-color-tag-green: #005453;
  --text-color-tag-teal: #004B5C;
  --text-color-tag-blue: #003E93;
  --text-color-tag-purple: #3B0493;
  --text-color-tag-pink: #850141;
  --boldly-text-color-default: #1E2635;
  --boldly-text-color-title: #11151F;
  --boldly-text-color-subdued: #516578;
  --boldly-text-color-placeholder: #516578;
  --boldly-text-color-disabled: #8797A3;
  --boldly-text-color-white: #FFFFFF;
  --boldly-text-color-secondary: #1E2635;
  --boldly-text-color-tertiary: #0057B7;
  --boldly-text-color-success: #007E7C;
  --boldly-text-color-danger: #D21033;
  --boldly-text-color-warning: #C24E00;
  --boldly-text-color-info: #0069D1
}

[data-color-scheme='dark'] {
  --background-color-surface-default: #1E2635;
  --background-color-surface-base: #11151F;
  --background-color-surface-elevated: #2C394B;
  --background-color-surface-accent: #001638;
  --background-color-surface-brand: #0057B7;
  --background-color-surface-inverse: #E9ECF0;
  --background-color-surface-highlight: #004B5C;
  --background-color-danger: #3D000B;
  --background-color-warning: #330800;
  --background-color-success: #002929;
  --background-color-info: #001638;
  --background-color-new: #18003D;
  --background-color-action-primary-bold: #0057B7;
  --background-color-action-primary-bold-hover: #0069D1;
  --background-color-action-primary-bold-active: #138DF0;
  --background-color-action-primary-bold-disabled: #003E93;
  --background-color-action-primary-subtle: #3C4E62;
  --background-color-action-primary-subtle-hover: #516578;
  --background-color-action-primary-subtle-active: #6E808F;
  --background-color-action-primary-subtle-disabled: #2C394B;
  --background-color-action-primary-subtlest: #3C4E62;
  --background-color-action-primary-subtlest-hover: #516578;
  --background-color-action-primary-subtlest-active: #6E808F;
  --background-color-action-primary-overlay: #FFFFFF01;
  --background-color-action-primary-overlay-hover: #33A8FF20;
  --background-color-action-primary-overlay-active: #33A8FF40;
  --background-color-action-neutral-bold: #3C4E62;
  --background-color-action-neutral-bold-hover: #516578;
  --background-color-action-neutral-bold-active: #6E808F;
  --background-color-action-neutral-bold-disabled: #2C394B;
  --background-color-action-neutral-light: #1E2635;
  --background-color-action-neutral-light-hover: #2C394B;
  --background-color-action-neutral-light-active: #3C4E62;
  --background-color-action-neutral-subtle: #3C4E62;
  --background-color-action-neutral-subtle-hover: #516578;
  --background-color-action-neutral-subtle-active: #6E808F;
  --background-color-action-neutral-subtlest: #2C394B;
  --background-color-action-neutral-subtlest-hover: #3C4E62;
  --background-color-action-neutral-subtlest-active: #516578;
  --background-color-action-neutral-overlay: #FFFFFF01;
  --background-color-action-neutral-overlay-hover: #8797A320;
  --background-color-action-neutral-overlay-active: #8797A340;
  --background-color-action-selected-bold: #0069D1;
  --background-color-action-selected-bold-hover: #0057B7;
  --background-color-action-selected-subtle: #002A68;
  --background-color-action-selected-subtle-hover: #0057B7;
  --background-color-action-danger: #B90022;
  --background-color-action-danger-hover: #D21033;
  --background-color-action-danger-active: #F03A5A;
  --background-color-action-danger-disabled: #3D000B;
  --background-color-form: #1E2635;
  --background-color-form-hover: #2C394B;
  --background-color-form-disabled: #2C394B;
  --background-color-backdrop: #11151F60;
  --background-color-chart-primary: #33A8FF;
  --background-color-chart-neutral: #F5F6F7;
  --background-color-chart-empty: #3C4E62;
  --background-color-tag-grey: #3C4E62;
  --background-color-tag-red: #B90022;
  --background-color-tag-orange: #B53E00;
  --background-color-tag-yellow: #804F00;
  --background-color-tag-green: #006968;
  --background-color-tag-teal: #006278;
  --background-color-tag-blue: #0057B7;
  --background-color-tag-purple: #561AB7;
  --background-color-tag-pink: #A30D56;
  --border-color-default: #516578;
  --border-color-subdued: #3C4E62;
  --border-color-control: #516578;
  --border-color-danger: #F26B83;
  --border-color-warning: #F29838;
  --border-color-success: #21A39B;
  --border-color-info: #33A8FF;
  --border-color-new: #B485FF;
  --border-color-selected: #33A8FF;
  --border-color-selected-disabled: #0057B7;
  --border-color-tag-grey: #516578;
  --border-color-tag-red: #D21033;
  --border-color-tag-orange: #C24E00;
  --border-color-tag-yellow: #9E6900;
  --border-color-tag-green: #007E7C;
  --border-color-tag-teal: #00819E;
  --border-color-tag-blue: #0069D1;
  --border-color-tag-purple: #7537D9;
  --border-color-tag-pink: #C92876;
  --box-shadow-sm: 0 0 0 0 #000000;
  --box-shadow: 0 0 0 0 #000000;
  --box-shadow-md: 0 0 0 0 #000000;
  --box-shadow-lg: 0 0 0 0 #000000;
  --box-shadow-xl: 0 0 0 0 #000000;
  --box-shadow-color-backdrop: #11151F60;
  --box-shadow-color-1: #3C4E6201;
  --box-shadow-color-2: #51657801;
  --drop-shadow-sm: drop-shadow(0 0 0 #000000);
  --drop-shadow: drop-shadow(0 0 0 #000000);
  --drop-shadow-md: drop-shadow(0 0 0 #000000);
  --drop-shadow-lg: drop-shadow(0 0 0 #000000);
  --drop-shadow-xl: drop-shadow(0 0 0 #000000);
  --drop-shadow-none: drop-shadow(0 0 0 #000000);
  --focus-color: #33A8FF;
  --focus-outset-color: #0057B7;
  --text-color-default: #F5F6F7;
  --text-color-title: #FFFFFF;
  --text-color-subdued: #A7B6C2;
  --text-color-placeholder: #6E808F;
  --text-color-disabled: #8797A3;
  --text-color-light: #FFFFFF;
  --text-color-dark: #11151F;
  --text-color-inverse: #1E2635;
  --text-color-selected: #FFFFFF;
  --text-color-selected-bold: #FFFFFF;
  --text-color-danger: #F26B83;
  --text-color-warning: #F29838;
  --text-color-success: #21A39B;
  --text-color-info: #33A8FF;
  --text-color-new: #B485FF;
  --text-color-link: #33A8FF;
  --text-color-link-hover: #75C6FF;
  --text-color-link-active: #A3DAFF;
  --text-color-cta-primary-disabled: #8797A3;
  --text-color-cta-tertiary-disabled: #8797A3;
  --text-color-cta-danger-disabled: #516578;
  --text-color-tag-grey: #E9ECF0;
  --text-color-tag-red: #FFDEE4;
  --text-color-tag-orange: #FFECC4;
  --text-color-tag-yellow: #FBF3C8;
  --text-color-tag-green: #B6F0E3;
  --text-color-tag-teal: #D6F7FF;
  --text-color-tag-blue: #CCEAFF;
  --text-color-tag-purple: #ECE0FF;
  --text-color-tag-pink: #FFDEEE
}

[data-color-scheme='light'], [data-color-scheme='dark'] {
  color: var(--text-color-default)
}

:root, :host, [data-color-scheme='light'] {
  --background-color-bubble-sent: #EBF7FF;
  --background-color-bubble-received: #F5F6F7;
  --box-shadow-card: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --background-color-combobox-rest: #FFFFFF;
  --background-color-combobox-disabled: #F5F6F7;
  --background-color-combobox-dropdown-rest: #FFFFFF;
  --background-color-combobox-dropdown-hover: #F5F6F7;
  --background-color-combobox-dropdown-active: #E9ECF0;
  --background-color-combobox-dropdown-disabled: #F5F6F7;
  --background-color-data-table-header-unsorted-rest: var(--background-color-surface-elevated);
  --background-color-data-table-header-unsorted-hover: #E9ECF0;
  --text-color-data-table-header-unsorted-rest: #3C4E62;
  --text-color-data-table-header-unsorted-hover: #3C4E62;
  --background-color-data-table-header-sorted-rest: #E9ECF0;
  --background-color-data-table-header-sorted-hover: #D1D9E0;
  --text-color-data-table-header-sorted-rest: #1E2635;
  --text-color-data-table-header-sorted-hover: #1E2635;
  --border-color-data-table-pagination-divider-rest: #A7B6C2;
  --background-color-data-table-row-unselected-rest: #FFFFFF;
  --background-color-data-table-row-unselected-hover: #F5F6F7;
  --background-color-data-table-row-selected-rest: #EBF7FF;
  --background-color-data-table-row-selected-hover: #CCEAFF;
  --text-color-data-table-summary: #3C4E62;
  --box-shadow-dialog: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --opacity-dialog-backdrop: 0.5;
  --box-shadow-drawer: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --opacity-drawer-backdrop: 0.5;
  --color-icon-info: #0069D1;
  --color-icon-success: #007E7C;
  --color-icon-warning: #C24E00;
  --color-icon-danger: #D21033;
  --color-icon-new: #7537D9;
  --color-icon-purple: #7537D9;
  --color-icon-pink: #C92876;
  --color-icon-yellow: #9E6900;
  --color-icon-teal: #00819E;
  --color-icon-grey: #516578;
  --color-icon-red: #D21033;
  --color-icon-orange: #C24E00;
  --color-icon-green: #007E7C;
  --color-icon-blue: #0069D1;
  --text-color-icon-shape-info: #0057B7;
  --text-color-icon-shape-success: #006968;
  --text-color-icon-shape-warning: #B53E00;
  --text-color-icon-shape-danger: #B90022;
  --text-color-icon-shape-new: #561AB7;
  --text-color-icon-shape-purple: #561AB7;
  --text-color-icon-shape-pink: #A30D56;
  --text-color-icon-shape-yellow: #804F00;
  --text-color-icon-shape-teal: #006278;
  --text-color-icon-shape-grey: #3C4E62;
  --text-color-icon-shape-red: #B90022;
  --text-color-icon-shape-orange: #B53E00;
  --text-color-icon-shape-green: #006968;
  --text-color-icon-shape-blue: #0057B7;
  --background-color-icon-shape-info: #CCEAFF;
  --background-color-icon-shape-success: #B6F0E3;
  --background-color-icon-shape-warning: #FFECC4;
  --background-color-icon-shape-danger: #FFDEE4;
  --background-color-icon-shape-new: #ECE0FF;
  --background-color-icon-shape-purple: #ECE0FF;
  --background-color-icon-shape-pink: #FFDEEE;
  --background-color-icon-shape-yellow: #FBF3C8;
  --background-color-icon-shape-teal: #D6F7FF;
  --background-color-icon-shape-grey: #E9ECF0;
  --background-color-icon-shape-red: #FFDEE4;
  --background-color-icon-shape-orange: #FFECC4;
  --background-color-icon-shape-green: #B6F0E3;
  --background-color-icon-shape-blue: #CCEAFF;
  --background-color-loading-indicator-primary: #0069D1;
  --background-color-loading-indicator-secondary: #FFFFFF;
  --fill-logo-brand: #0069D1;
  --fill-logo-title: #11151F;
  --fill-logo-light: #FFFFFF;
  --background-color-multi-select-rest: #FFFFFF;
  --background-color-multi-select-disabled: #F5F6F7;
  --background-color-multi-select-dropdown-rest: #FFFFFF;
  --background-color-multi-select-dropdown-hover: #F5F6F7;
  --background-color-multi-select-dropdown-active: #E9ECF0;
  --background-color-multi-select-dropdown-disabled: #F5F6F7;
  --background-color-multi-select-item: #E9ECF0;
  --text-color-multi-select-item: #3C4E62;
  --background-color-pill-default: #E9ECF0;
  --background-color-pill-warning: #FFECC4;
  --background-color-pill-danger: #FFDEE4;
  --background-color-pill-success: #B6F0E3;
  --background-color-pill-info: #CCEAFF;
  --background-color-pill-new: #ECE0FF;
  --background-color-pill-blue: #CCEAFF;
  --background-color-pill-grey: #E9ECF0;
  --background-color-pill-red: #FFDEE4;
  --background-color-pill-orange: #FFECC4;
  --background-color-pill-green: #B6F0E3;
  --background-color-pill-purple: #ECE0FF;
  --background-color-pill-pink: #FFDEEE;
  --background-color-pill-yellow: #FBF3C8;
  --background-color-pill-teal: #D6F7FF;
  --border-color-pill-default: #D1D9E0;
  --border-color-pill-warning: #F9D596;
  --border-color-pill-danger: #FFC2CD;
  --border-color-pill-success: #80D9CB;
  --border-color-pill-info: #A3DAFF;
  --border-color-pill-new: #D9C2FF;
  --border-color-pill-blue: #A3DAFF;
  --border-color-pill-grey: #D1D9E0;
  --border-color-pill-red: #FFC2CD;
  --border-color-pill-orange: #F9D596;
  --border-color-pill-green: #80D9CB;
  --border-color-pill-purple: #D9C2FF;
  --border-color-pill-pink: #FCBBDA;
  --border-color-pill-yellow: #F4E69D;
  --border-color-pill-teal: #B8F2FF;
  --text-color-pill-default: #3C4E62;
  --text-color-pill-warning: #B53E00;
  --text-color-pill-danger: #B90022;
  --text-color-pill-success: #006968;
  --text-color-pill-info: #0057B7;
  --text-color-pill-new: #561AB7;
  --text-color-pill-blue: #0057B7;
  --text-color-pill-grey: #3C4E62;
  --text-color-pill-red: #B90022;
  --text-color-pill-orange: #B53E00;
  --text-color-pill-green: #006968;
  --text-color-pill-purple: #561AB7;
  --text-color-pill-pink: #A30D56;
  --text-color-pill-yellow: #804F00;
  --text-color-pill-teal: #006278;
  --background-color-progress-bar-success: #007E7C;
  --background-color-input-rest: #FFFFFF;
  --background-color-input-disabled: #F5F6F7;
  --background-color-boolean-unchecked-rest: #FFFFFF;
  --background-color-boolean-unchecked-hover: #E9ECF0;
  --background-color-boolean-unchecked-focus: #FFFFFF;
  --background-color-boolean-unchecked-active: #E9ECF0;
  --background-color-boolean-unchecked-disabled: #E9ECF0;
  --background-color-boolean-checked-rest: #0069D1;
  --background-color-boolean-checked-hover: #0057B7;
  --background-color-boolean-checked-focus: #0069D1;
  --background-color-boolean-checked-active: #0057B7;
  --background-color-boolean-checked-disabled: #A3DAFF;
  --border-color-boolean-unchecked-disabled: #D1D9E0;
  --color-scheme: light;
  --select-dropdown-icon: url("data:image/svg+xml,<svg fill='#516578' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
  --background-color-switch-knob-rest: #FFFFFF;
  --background-color-switch-knob-hover: #FFFFFF;
  --background-color-switch-knob-active: #FFFFFF;
  --background-color-switch-knob-disabled: #FFFFFF
}

[data-color-scheme='dark'] {
  --background-color-bubble-sent: #002A68;
  --background-color-bubble-received: #2C394B;
  --box-shadow-card: none;
  --background-color-combobox-rest: #1E2635;
  --background-color-combobox-disabled: #2C394B;
  --background-color-combobox-dropdown-rest: #1E2635;
  --background-color-combobox-dropdown-hover: #2C394B;
  --background-color-combobox-dropdown-active: #3C4E62;
  --background-color-combobox-dropdown-disabled: #2C394B;
  --background-color-data-table-header-unsorted-rest: var(--background-color-surface-elevated);
  --background-color-data-table-header-unsorted-hover: #3C4E62;
  --text-color-data-table-header-unsorted-rest: #FFFFFF;
  --text-color-data-table-header-unsorted-hover: #FFFFFF;
  --background-color-data-table-header-sorted-rest: #3C4E62;
  --background-color-data-table-header-sorted-hover: #516578;
  --text-color-data-table-header-sorted-rest: #FFFFFF;
  --text-color-data-table-header-sorted-hover: #FFFFFF;
  --border-color-data-table-pagination-divider-rest: #516578;
  --background-color-data-table-row-unselected-rest: #1E2635;
  --background-color-data-table-row-unselected-hover: #2C394B;
  --background-color-data-table-row-selected-rest: #002A68;
  --background-color-data-table-row-selected-hover: #003E93;
  --text-color-data-table-summary: #FFFFFF;
  --box-shadow-dialog: none;
  --opacity-dialog-backdrop: 0.6;
  --box-shadow-drawer: none;
  --opacity-drawer-backdrop: 0.6;
  --color-icon-info: #33A8FF;
  --color-icon-success: #21A39B;
  --color-icon-warning: #F29838;
  --color-icon-danger: #F26B83;
  --color-icon-new: #B485FF;
  --color-icon-purple: #B485FF;
  --color-icon-pink: #F078B2;
  --color-icon-yellow: #DDC34B;
  --color-icon-teal: #4BC2DD;
  --color-icon-grey: #8797A3;
  --color-icon-red: #F26B83;
  --color-icon-orange: #F29838;
  --color-icon-green: #21A39B;
  --color-icon-blue: #33A8FF;
  --text-color-icon-shape-info: #CCEAFF;
  --text-color-icon-shape-success: #B6F0E3;
  --text-color-icon-shape-warning: #FFECC4;
  --text-color-icon-shape-danger: #FFDEE4;
  --text-color-icon-shape-new: #ECE0FF;
  --text-color-icon-shape-purple: #ECE0FF;
  --text-color-icon-shape-pink: #FFDEEE;
  --text-color-icon-shape-yellow: #FBF3C8;
  --text-color-icon-shape-teal: #D6F7FF;
  --text-color-icon-shape-grey: #E9ECF0;
  --text-color-icon-shape-red: #FFDEE4;
  --text-color-icon-shape-orange: #FFECC4;
  --text-color-icon-shape-green: #B6F0E3;
  --text-color-icon-shape-blue: #CCEAFF;
  --background-color-icon-shape-info: #003E93;
  --background-color-icon-shape-success: #005453;
  --background-color-icon-shape-warning: #912900;
  --background-color-icon-shape-danger: #8F001B;
  --background-color-icon-shape-new: #3B0493;
  --background-color-icon-shape-purple: #3B0493;
  --background-color-icon-shape-pink: #850141;
  --background-color-icon-shape-yellow: #573100;
  --background-color-icon-shape-teal: #004B5C;
  --background-color-icon-shape-grey: #2C394B;
  --background-color-icon-shape-red: #8F001B;
  --background-color-icon-shape-orange: #912900;
  --background-color-icon-shape-green: #005453;
  --background-color-icon-shape-blue: #003E93;
  --background-color-loading-indicator-primary: #33A8FF;
  --background-color-loading-indicator-secondary: #FFFFFF;
  --fill-logo-brand: #33A8FF;
  --fill-logo-title: #FFFFFF;
  --fill-logo-light: #FFFFFF;
  --background-color-multi-select-rest: #1E2635;
  --background-color-multi-select-disabled: #2C394B;
  --background-color-multi-select-dropdown-rest: #1E2635;
  --background-color-multi-select-dropdown-hover: #2C394B;
  --background-color-multi-select-dropdown-active: #3C4E62;
  --background-color-multi-select-dropdown-disabled: #2C394B;
  --background-color-multi-select-item: #2C394B;
  --text-color-multi-select-item: #E9ECF0;
  --background-color-pill-default: #2C394B;
  --background-color-pill-warning: #912900;
  --background-color-pill-danger: #8F001B;
  --background-color-pill-success: #005453;
  --background-color-pill-info: #003E93;
  --background-color-pill-new: #3B0493;
  --background-color-pill-blue: #003E93;
  --background-color-pill-grey: #2C394B;
  --background-color-pill-red: #8F001B;
  --background-color-pill-orange: #912900;
  --background-color-pill-green: #005453;
  --background-color-pill-purple: #3B0493;
  --background-color-pill-pink: #850141;
  --background-color-pill-yellow: #573100;
  --background-color-pill-teal: #004B5C;
  --border-color-pill-default: #516578;
  --border-color-pill-warning: #C24E00;
  --border-color-pill-danger: #D21033;
  --border-color-pill-success: #007E7C;
  --border-color-pill-info: #0069D1;
  --border-color-pill-new: #7537D9;
  --border-color-pill-blue: #0069D1;
  --border-color-pill-grey: #516578;
  --border-color-pill-red: #D21033;
  --border-color-pill-orange: #C24E00;
  --border-color-pill-green: #007E7C;
  --border-color-pill-purple: #7537D9;
  --border-color-pill-pink: #C92876;
  --border-color-pill-yellow: #9E6900;
  --border-color-pill-teal: #00819E;
  --text-color-pill-default: #E9ECF0;
  --text-color-pill-warning: #FFECC4;
  --text-color-pill-danger: #FFDEE4;
  --text-color-pill-success: #B6F0E3;
  --text-color-pill-info: #CCEAFF;
  --text-color-pill-new: #ECE0FF;
  --text-color-pill-blue: #CCEAFF;
  --text-color-pill-grey: #E9ECF0;
  --text-color-pill-red: #FFDEE4;
  --text-color-pill-orange: #FFECC4;
  --text-color-pill-green: #B6F0E3;
  --text-color-pill-purple: #ECE0FF;
  --text-color-pill-pink: #FFDEEE;
  --text-color-pill-yellow: #FBF3C8;
  --text-color-pill-teal: #D6F7FF;
  --background-color-progress-bar-success: #21A39B;
  --background-color-input-rest: #1E2635;
  --background-color-input-disabled: #2C394B;
  --background-color-boolean-unchecked-rest: #1E2635;
  --background-color-boolean-unchecked-hover: #2C394B;
  --background-color-boolean-unchecked-focus: #FFFFFF;
  --background-color-boolean-unchecked-active: #3C4E62;
  --background-color-boolean-unchecked-disabled: #2C394B;
  --background-color-boolean-checked-rest: #0069D1;
  --background-color-boolean-checked-hover: #0057B7;
  --background-color-boolean-checked-focus: #0069D1;
  --background-color-boolean-checked-active: #0057B7;
  --background-color-boolean-checked-disabled: #003E93;
  --border-color-boolean-unchecked-disabled: #3C4E62;
  --color-scheme: dark;
  --select-dropdown-icon: url("data:image/svg+xml,<svg fill='#6E808F' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
  --background-color-switch-knob-rest: #FFFFFF;
  --background-color-switch-knob-hover: #FFFFFF;
  --background-color-switch-knob-active: #FFFFFF;
  --background-color-switch-knob-disabled: #8797A3
}