: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: #6c4a87;
--cb-color-bg-fill-brand-hovered: #7e6096;
--cb-color-bg-fill-brand-pressed: #896e9f;
--cb-color-bg-fill-brand-selected: #84679a;
--cb-color-bg-fill-brand-disabled: #a18bb2;
--cb-color-text-brand: #6c4a87;
--cb-color-text-brand-hovered: #785890;
--cb-color-text-brand-pressed: #896e9f;
--cb-color-text-brand-selected: #7e6096;
--cb-color-text-brand-disabled: #a18bb2;
--cb-color-bg-surface-brand: #f3f1f6;
--cb-color-bg-surface-brand-hovered: #e7e2ec;
--cb-color-bg-surface-brand-pressed: #dcd4e2;
--cb-color-bg-surface-brand-selected: #ede9f0;
--cb-color-bg-surface-brand-disabled: #f9f8fa;
--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: #6c4a87;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #5f4177;
--cb-color-bg-fill-brand-pressed: #563b6c;
--cb-color-bg-fill-brand-selected: #5b3e71;
--cb-color-bg-fill-brand-disabled: #452f56;
--cb-color-text-brand-hovered: #64447c;
--cb-color-text-brand-pressed: #563b6c;
--cb-color-text-brand-selected: #5f4177;
--cb-color-text-brand-disabled: #452f56;
--cb-color-bg-surface-brand: #110c16;
--cb-color-bg-surface-brand-hovered: #1a1220;
--cb-color-bg-surface-brand-pressed: #23182b;
--cb-color-bg-surface-brand-selected: #160f1b;
--cb-color-bg-surface-brand-disabled: #0d0910;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #302a34;
--cb-color-bg-surface-brand-hovered: #352d3c;
--cb-color-bg-surface-brand-pressed: #3b3044;
--cb-color-bg-surface-brand-selected: #322c38;
--cb-color-bg-surface-brand-disabled: #2d2930;}
:root{--al-color-border-selected: #896aa4;
--al-color-border-elevated-selected: #896aa4;
--al-color-outline-focused: #3b224f;
--al-color-bg-surface-brand: #efebf4;
--al-color-bg-surface-brand-hovered: #e2d9ea;
--al-color-bg-surface-brand-pressed: #d7cae2;
--al-color-bg-surface-brand-selected: #d7cae2;
--al-color-bg-surface-brand-disabled: #f5f3f8;
--al-color-bg-surface-brand-elevated: #efebf4;
--al-color-bg-surface-brand-elevated-hovered: #e2d9ea;
--al-color-bg-surface-brand-elevated-pressed: #d7cae2;
--al-color-bg-surface-brand-elevated-selected: #d7cae2;
--al-color-bg-surface-brand-elevated-disabled: #f5f3f8;
--al-color-bg-fill-brand: #896aa4;
--al-color-bg-fill-brand-hovered: #7b5996;
--al-color-bg-fill-brand-pressed: #6c4a87;
--al-color-bg-fill-brand-selected: #5d3c77;
--al-color-bg-fill-brand-disabled: #cbbcda;
--al-color-text-brand: #7b5996;
--al-color-text-brand-hovered: #6c4a87;
--al-color-text-brand-pressed: #5d3c77;
--al-color-text-brand-selected: #4d2f64;
--al-color-text-brand-disabled: #c0add2;
--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: #f5f3f8;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7b5996;
--al-color-border-elevated-selected: #7b5996;
--al-color-bg-fill-brand: #7b5996;
--al-color-bg-fill-brand-hovered: #6c4a87;
--al-color-bg-fill-brand-pressed: #5d3c77;
--al-color-bg-fill-brand-selected: #4d2f64;
--al-color-text-brand: #5d3c77;
--al-color-text-brand-hovered: #4d2f64;
--al-color-text-brand-pressed: #3b224f;
--al-color-text-brand-selected: #251333;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #9172ab;
--al-color-border-elevated-selected: #a084b8;
--al-color-outline-focused: #e5ddec;
--al-color-bg-surface-brand: #281537;
--al-color-bg-surface-brand-hovered: #361e48;
--al-color-bg-surface-brand-pressed: #422756;
--al-color-bg-surface-brand-selected: #422756;
--al-color-bg-surface-brand-disabled: #200f2d;
--al-color-bg-surface-brand-elevated: #361e48;
--al-color-bg-surface-brand-elevated-hovered: #422756;
--al-color-bg-surface-brand-elevated-pressed: #4d2f64;
--al-color-bg-surface-brand-elevated-selected: #4d2f64;
--al-color-bg-surface-brand-elevated-disabled: #281537;
--al-color-bg-fill-brand: #b098c5;
--al-color-bg-fill-brand-hovered: #c0add2;
--al-color-bg-fill-brand-pressed: #d2c4df;
--al-color-bg-fill-brand-selected: #e5ddec;
--al-color-bg-fill-brand-disabled: #4d2f64;
--al-color-text-brand: #b098c5;
--al-color-text-brand-hovered: #c0add2;
--al-color-text-brand-pressed: #d2c4df;
--al-color-text-brand-selected: #e5ddec;
--al-color-text-brand-disabled: #573770;
--al-color-text-on-bg-fill-brand: #13071d;
--al-color-text-on-bg-fill-brand-hovered: #13071d;
--al-color-text-on-bg-fill-brand-pressed: #13071d;
--al-color-text-on-bg-fill-brand-selected: #13071d;
--al-color-text-on-bg-fill-brand-disabled: #200f2d;}

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