:root {
  --cb-font-family-brand: var(--cb-font-family-sans);
  --cb-font-family-brand-font-feature-settings: ;
  --al-font-family-brand: var(--al-font-family-sans);
  --al-font-family-brand-font-feature-settings: ;
}
:root{--cb-color-bg-fill-brand: #3c0c8c;
--cb-color-bg-fill-brand-hovered: #542a9a;
--cb-color-bg-fill-brand-pressed: #633da3;
--cb-color-bg-fill-brand-selected: #5b339e;
--cb-color-bg-fill-brand-disabled: #8264b5;
--cb-color-text-brand: #3c0c8c;
--cb-color-text-brand-hovered: #4b1f95;
--cb-color-text-brand-pressed: #633da3;
--cb-color-text-brand-selected: #542a9a;
--cb-color-text-brand-disabled: #8264b5;
--cb-color-bg-surface-brand: #f0ecf6;
--cb-color-bg-surface-brand-hovered: #e0d8ed;
--cb-color-bg-surface-brand-pressed: #d0c5e3;
--cb-color-bg-surface-brand-selected: #e7e1f1;
--cb-color-bg-surface-brand-disabled: #f7f5fa;
--cb-color-text-on-bg-fill-brand: #ffffff;
--cb-color-text-on-bg-fill-brand-hovered: #ffffff;
--cb-color-text-on-bg-fill-brand-pressed: #ffffff;
--cb-color-text-on-bg-fill-brand-selected: #ffffff;
--cb-color-text-on-bg-fill-brand-disabled: #ffffff66;
--cb-color-border-selected: #3c0c8c;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #350b7b;
--cb-color-bg-fill-brand-pressed: #300a70;
--cb-color-bg-fill-brand-selected: #320a75;
--cb-color-bg-fill-brand-disabled: #260859;
--cb-color-text-brand-hovered: #370b81;
--cb-color-text-brand-pressed: #300a70;
--cb-color-text-brand-selected: #350b7b;
--cb-color-text-brand-disabled: #260859;
--cb-color-bg-surface-brand: #0a0217;
--cb-color-bg-surface-brand-hovered: #0e0321;
--cb-color-bg-surface-brand-pressed: #13042d;
--cb-color-bg-surface-brand-selected: #0c021c;
--cb-color-bg-surface-brand-disabled: #070111;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #282035;
--cb-color-bg-surface-brand-hovered: #2a1e3d;
--cb-color-bg-surface-brand-pressed: #2c1c45;
--cb-color-bg-surface-brand-selected: #291f39;
--cb-color-bg-surface-brand-disabled: #272131;}
:root{--al-color-border-selected: #786ac4;
--al-color-border-elevated-selected: #786ac4;
--al-color-outline-focused: #380287;
--al-color-bg-surface-brand: #ebeaf8;
--al-color-bg-surface-brand-hovered: #dcdaf2;
--al-color-bg-surface-brand-pressed: #cdcbed;
--al-color-bg-surface-brand-selected: #cdcbed;
--al-color-bg-surface-brand-disabled: #f3f2fa;
--al-color-bg-surface-brand-elevated: #ebeaf8;
--al-color-bg-surface-brand-elevated-hovered: #dcdaf2;
--al-color-bg-surface-brand-elevated-pressed: #cdcbed;
--al-color-bg-surface-brand-elevated-selected: #cdcbed;
--al-color-bg-surface-brand-elevated-disabled: #f3f2fa;
--al-color-bg-fill-brand: #786ac4;
--al-color-bg-fill-brand-hovered: #6a58bb;
--al-color-bg-fill-brand-pressed: #5e46b0;
--al-color-bg-fill-brand-selected: #5134a5;
--al-color-bg-fill-brand-disabled: #c1bde8;
--al-color-text-brand: #6a58bb;
--al-color-text-brand-hovered: #5e46b0;
--al-color-text-brand-pressed: #5134a5;
--al-color-text-brand-selected: #451f98;
--al-color-text-brand-disabled: #b4afe3;
--al-color-text-on-bg-fill-brand: #fbfbfd;
--al-color-text-on-bg-fill-brand-hovered: #fbfbfd;
--al-color-text-on-bg-fill-brand-pressed: #fbfbfd;
--al-color-text-on-bg-fill-brand-selected: #fbfbfd;
--al-color-text-on-bg-fill-brand-disabled: #f3f2fa;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6a58bb;
--al-color-border-elevated-selected: #6a58bb;
--al-color-bg-fill-brand: #6a58bb;
--al-color-bg-fill-brand-hovered: #5e46b0;
--al-color-bg-fill-brand-pressed: #5134a5;
--al-color-bg-fill-brand-selected: #451f98;
--al-color-text-brand: #5134a5;
--al-color-text-brand-hovered: #451f98;
--al-color-text-brand-pressed: #380287;
--al-color-text-brand-selected: #21005c;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #8073c9;
--al-color-border-elevated-selected: #9086d2;
--al-color-outline-focused: #e0def4;
--al-color-bg-surface-brand: #250064;
--al-color-bg-surface-brand-hovered: #33007d;
--al-color-bg-surface-brand-pressed: #3d0f8e;
--al-color-bg-surface-brand-selected: #3d0f8e;
--al-color-bg-surface-brand-disabled: #1b004f;
--al-color-bg-surface-brand-elevated: #33007d;
--al-color-bg-surface-brand-elevated-hovered: #3d0f8e;
--al-color-bg-surface-brand-elevated-pressed: #452098;
--al-color-bg-surface-brand-elevated-selected: #452098;
--al-color-bg-surface-brand-elevated-disabled: #250064;
--al-color-bg-fill-brand: #a19adb;
--al-color-bg-fill-brand-hovered: #b4afe3;
--al-color-bg-fill-brand-pressed: #c9c5eb;
--al-color-bg-fill-brand-selected: #e0def4;
--al-color-bg-fill-brand-disabled: #452098;
--al-color-text-brand: #a19adb;
--al-color-text-brand-hovered: #b4afe3;
--al-color-text-brand-pressed: #c9c5eb;
--al-color-text-brand-selected: #e0def4;
--al-color-text-brand-disabled: #4d2da0;
--al-color-text-on-bg-fill-brand: #11003a;
--al-color-text-on-bg-fill-brand-hovered: #11003a;
--al-color-text-on-bg-fill-brand-pressed: #11003a;
--al-color-text-on-bg-fill-brand-selected: #11003a;
--al-color-text-on-bg-fill-brand-disabled: #1b004f;}

:root, :root:where([data-al-theme="lightHighContrast"]) {
  --al-c-toggle-switch-on-bg: var(--al-color-bg-fill-brand);
}