: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: #450585;
--cb-color-bg-fill-brand-hovered: #5c2394;
--cb-color-bg-fill-brand-pressed: #6a379d;
--cb-color-bg-fill-brand-selected: #632d99;
--cb-color-bg-fill-brand-disabled: #885fb1;
--cb-color-text-brand: #450585;
--cb-color-text-brand-hovered: #54198f;
--cb-color-text-brand-pressed: #6a379d;
--cb-color-text-brand-selected: #5c2394;
--cb-color-text-brand-disabled: #885fb1;
--cb-color-bg-surface-brand: #f0ebf5;
--cb-color-bg-surface-brand-hovered: #e1d7eb;
--cb-color-bg-surface-brand-pressed: #d3c3e2;
--cb-color-bg-surface-brand-selected: #e8e1f0;
--cb-color-bg-surface-brand-disabled: #f8f5fa;
--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: #450585;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #3d0475;
--cb-color-bg-fill-brand-pressed: #37046a;
--cb-color-bg-fill-brand-selected: #3a0470;
--cb-color-bg-fill-brand-disabled: #2c0355;
--cb-color-text-brand-hovered: #40057b;
--cb-color-text-brand-pressed: #37046a;
--cb-color-text-brand-selected: #3d0475;
--cb-color-text-brand-disabled: #2c0355;
--cb-color-bg-surface-brand: #0b0115;
--cb-color-bg-surface-brand-hovered: #110120;
--cb-color-bg-surface-brand-pressed: #16022b;
--cb-color-bg-surface-brand-selected: #0e011b;
--cb-color-bg-surface-brand-disabled: #080110;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #291f34;
--cb-color-bg-surface-brand-hovered: #2c1d3b;
--cb-color-bg-surface-brand-pressed: #2f1a43;
--cb-color-bg-surface-brand-selected: #2b1e37;
--cb-color-bg-surface-brand-disabled: #282030;}
:root{--al-color-border-selected: #8367bf;
--al-color-border-elevated-selected: #8367bf;
--al-color-outline-focused: #40007f;
--al-color-bg-surface-brand: #eeebf7;
--al-color-bg-surface-brand-hovered: #e0daf1;
--al-color-bg-surface-brand-pressed: #d2caeb;
--al-color-bg-surface-brand-selected: #d2caeb;
--al-color-bg-surface-brand-disabled: #f4f2fa;
--al-color-bg-surface-brand-elevated: #eeebf7;
--al-color-bg-surface-brand-elevated-hovered: #e0daf1;
--al-color-bg-surface-brand-elevated-pressed: #d2caeb;
--al-color-bg-surface-brand-elevated-selected: #d2caeb;
--al-color-bg-surface-brand-elevated-disabled: #f4f2fa;
--al-color-bg-fill-brand: #8367bf;
--al-color-bg-fill-brand-hovered: #7555b5;
--al-color-bg-fill-brand-pressed: #6943aa;
--al-color-bg-fill-brand-selected: #5c309e;
--al-color-bg-fill-brand-disabled: #c6bce6;
--al-color-text-brand: #7555b5;
--al-color-text-brand-hovered: #6943aa;
--al-color-text-brand-pressed: #5c309e;
--al-color-text-brand-selected: #4f1c91;
--al-color-text-brand-disabled: #baade0;
--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: #f4f2fa;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7555b5;
--al-color-border-elevated-selected: #7555b5;
--al-color-bg-fill-brand: #7555b5;
--al-color-bg-fill-brand-hovered: #6943aa;
--al-color-bg-fill-brand-pressed: #5c309e;
--al-color-bg-fill-brand-selected: #4f1c91;
--al-color-text-brand: #5c309e;
--al-color-text-brand-hovered: #4f1c91;
--al-color-text-brand-pressed: #40007f;
--al-color-text-brand-selected: #270056;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #8a70c4;
--al-color-border-elevated-selected: #9983cd;
--al-color-outline-focused: #e2ddf2;
--al-color-bg-surface-brand: #2a005d;
--al-color-bg-surface-brand-hovered: #3a0076;
--al-color-bg-surface-brand-pressed: #470987;
--al-color-bg-surface-brand-selected: #470987;
--al-color-bg-surface-brand-disabled: #21004d;
--al-color-bg-surface-brand-elevated: #3a0076;
--al-color-bg-surface-brand-elevated-hovered: #470987;
--al-color-bg-surface-brand-elevated-pressed: #501c92;
--al-color-bg-surface-brand-elevated-selected: #501c92;
--al-color-bg-surface-brand-elevated-disabled: #2a005d;
--al-color-bg-fill-brand: #a998d7;
--al-color-bg-fill-brand-hovered: #bbade0;
--al-color-bg-fill-brand-pressed: #cec4e9;
--al-color-bg-fill-brand-selected: #e2ddf2;
--al-color-bg-fill-brand-disabled: #501c92;
--al-color-text-brand: #a998d7;
--al-color-text-brand-hovered: #bbade0;
--al-color-text-brand-pressed: #cec4e9;
--al-color-text-brand-selected: #e2ddf2;
--al-color-text-brand-disabled: #57299a;
--al-color-text-on-bg-fill-brand: #140034;
--al-color-text-on-bg-fill-brand-hovered: #140034;
--al-color-text-on-bg-fill-brand-pressed: #140034;
--al-color-text-on-bg-fill-brand-selected: #140034;
--al-color-text-on-bg-fill-brand-disabled: #21004d;}

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