: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: #5d307d;
--cb-color-bg-fill-brand-hovered: #71498d;
--cb-color-bg-fill-brand-pressed: #7d5997;
--cb-color-bg-fill-brand-selected: #775192;
--cb-color-bg-fill-brand-disabled: #977bac;
--cb-color-text-brand: #5d307d;
--cb-color-text-brand-hovered: #6a4087;
--cb-color-text-brand-pressed: #7d5997;
--cb-color-text-brand-selected: #71498d;
--cb-color-text-brand-disabled: #977bac;
--cb-color-bg-surface-brand: #f2eff5;
--cb-color-bg-surface-brand-hovered: #e5deea;
--cb-color-bg-surface-brand-pressed: #d8cde0;
--cb-color-bg-surface-brand-selected: #ebe6ef;
--cb-color-bg-surface-brand-disabled: #f9f7fa;
--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: #5d307d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #522a6e;
--cb-color-bg-fill-brand-pressed: #4a2664;
--cb-color-bg-fill-brand-selected: #4e2869;
--cb-color-bg-fill-brand-disabled: #3b1f50;
--cb-color-text-brand-hovered: #562c73;
--cb-color-text-brand-pressed: #4a2664;
--cb-color-text-brand-selected: #522a6e;
--cb-color-text-brand-disabled: #3b1f50;
--cb-color-bg-surface-brand: #0f0814;
--cb-color-bg-surface-brand-hovered: #160b1e;
--cb-color-bg-surface-brand-pressed: #1e0f28;
--cb-color-bg-surface-brand-selected: #130a19;
--cb-color-bg-surface-brand-disabled: #0b060f;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2d2632;
--cb-color-bg-surface-brand-hovered: #322739;
--cb-color-bg-surface-brand-pressed: #362841;
--cb-color-bg-surface-brand-selected: #2f2636;
--cb-color-bg-surface-brand-disabled: #2b252f;}
:root{--al-color-border-selected: #8c67aa;
--al-color-border-elevated-selected: #8c67aa;
--al-color-outline-focused: #42185d;
--al-color-bg-surface-brand: #efeaf4;
--al-color-bg-surface-brand-hovered: #e2d9eb;
--al-color-bg-surface-brand-pressed: #d7c9e3;
--al-color-bg-surface-brand-selected: #d7c9e3;
--al-color-bg-surface-brand-disabled: #f5f2f8;
--al-color-bg-surface-brand-elevated: #efeaf4;
--al-color-bg-surface-brand-elevated-hovered: #e2d9eb;
--al-color-bg-surface-brand-elevated-pressed: #d7c9e3;
--al-color-bg-surface-brand-elevated-selected: #d7c9e3;
--al-color-bg-surface-brand-elevated-disabled: #f5f2f8;
--al-color-bg-fill-brand: #8c67aa;
--al-color-bg-fill-brand-hovered: #7f569e;
--al-color-bg-fill-brand-pressed: #704691;
--al-color-bg-fill-brand-selected: #633683;
--al-color-bg-fill-brand-disabled: #ccbbdc;
--al-color-text-brand: #7f569e;
--al-color-text-brand-hovered: #704691;
--al-color-text-brand-pressed: #633683;
--al-color-text-brand-selected: #532772;
--al-color-text-brand-disabled: #c1add4;
--al-color-text-on-bg-fill-brand: #fcfbfd;
--al-color-text-on-bg-fill-brand-hovered: #fcfbfd;
--al-color-text-on-bg-fill-brand-pressed: #fcfbfd;
--al-color-text-on-bg-fill-brand-selected: #fcfbfd;
--al-color-text-on-bg-fill-brand-disabled: #f5f2f8;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7f569e;
--al-color-border-elevated-selected: #7f569e;
--al-color-bg-fill-brand: #7f569e;
--al-color-bg-fill-brand-hovered: #704691;
--al-color-bg-fill-brand-pressed: #633683;
--al-color-bg-fill-brand-selected: #532772;
--al-color-text-brand: #633683;
--al-color-text-brand-hovered: #532772;
--al-color-text-brand-pressed: #42185d;
--al-color-text-brand-selected: #2b0940;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #9371b0;
--al-color-border-elevated-selected: #a283bc;
--al-color-outline-focused: #e6ddee;
--al-color-bg-surface-brand: #2e0b44;
--al-color-bg-surface-brand-hovered: #3e1558;
--al-color-bg-surface-brand-pressed: #491e66;
--al-color-bg-surface-brand-selected: #491e66;
--al-color-bg-surface-brand-disabled: #260739;
--al-color-bg-surface-brand-elevated: #3e1558;
--al-color-bg-surface-brand-elevated-hovered: #491e66;
--al-color-bg-surface-brand-elevated-pressed: #542773;
--al-color-bg-surface-brand-elevated-selected: #542773;
--al-color-bg-surface-brand-elevated-disabled: #2e0b44;
--al-color-bg-fill-brand: #b197c8;
--al-color-bg-fill-brand-hovered: #c1add4;
--al-color-bg-fill-brand-pressed: #d3c4e1;
--al-color-bg-fill-brand-selected: #e6ddee;
--al-color-bg-fill-brand-disabled: #542773;
--al-color-text-brand: #b197c8;
--al-color-text-brand-hovered: #c1add4;
--al-color-text-brand-pressed: #d3c4e1;
--al-color-text-brand-selected: #e6ddee;
--al-color-text-brand-disabled: #5d307e;
--al-color-text-on-bg-fill-brand: #190328;
--al-color-text-on-bg-fill-brand-hovered: #190328;
--al-color-text-on-bg-fill-brand-pressed: #190328;
--al-color-text-on-bg-fill-brand-selected: #190328;
--al-color-text-on-bg-fill-brand-disabled: #260739;}

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