: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: #794c99;
--cb-color-bg-fill-brand-hovered: #8962a5;
--cb-color-bg-fill-brand-pressed: #9470ad;
--cb-color-bg-fill-brand-selected: #8f69a9;
--cb-color-bg-fill-brand-disabled: #a98dbe;
--cb-color-text-brand: #794c99;
--cb-color-text-brand-hovered: #845aa1;
--cb-color-text-brand-pressed: #9470ad;
--cb-color-text-brand-selected: #8962a5;
--cb-color-text-brand-disabled: #a98dbe;
--cb-color-bg-surface-brand: #f4f1f7;
--cb-color-bg-surface-brand-hovered: #e9e2ef;
--cb-color-bg-surface-brand-pressed: #dfd4e7;
--cb-color-bg-surface-brand-selected: #efe9f3;
--cb-color-bg-surface-brand-disabled: #faf8fb;
--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: #794c99;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #6a4386;
--cb-color-bg-fill-brand-pressed: #613d7a;
--cb-color-bg-fill-brand-selected: #664080;
--cb-color-bg-fill-brand-disabled: #4d3162;
--cb-color-text-brand-hovered: #70468d;
--cb-color-text-brand-pressed: #613d7a;
--cb-color-text-brand-selected: #6a4386;
--cb-color-text-brand-disabled: #4d3162;
--cb-color-bg-surface-brand: #130c19;
--cb-color-bg-surface-brand-hovered: #1d1225;
--cb-color-bg-surface-brand-pressed: #271831;
--cb-color-bg-surface-brand-selected: #180f1f;
--cb-color-bg-surface-brand-disabled: #0f0913;
--cb-color-text-on-bg-fill-brand: #202125;
--cb-color-text-on-bg-fill-brand-hovered: #202125;
--cb-color-text-on-bg-fill-brand-pressed: #202125;
--cb-color-text-on-bg-fill-brand-selected: #202125;
--cb-color-text-on-bg-fill-brand-disabled: #20212566;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #322a37;
--cb-color-bg-surface-brand-hovered: #382e40;
--cb-color-bg-surface-brand-pressed: #3f314a;
--cb-color-bg-surface-brand-selected: #352c3b;
--cb-color-bg-surface-brand-disabled: #2e2932;}
:root{--al-color-border-selected: #8f64af;
--al-color-border-elevated-selected: #8f64af;
--al-color-outline-focused: #3e1e54;
--al-color-bg-surface-brand: #f0eaf6;
--al-color-bg-surface-brand-hovered: #e4d8ef;
--al-color-bg-surface-brand-pressed: #d9c9e8;
--al-color-bg-surface-brand-selected: #d9c9e8;
--al-color-bg-surface-brand-disabled: #f6f3f9;
--al-color-bg-surface-brand-elevated: #f0eaf6;
--al-color-bg-surface-brand-elevated-hovered: #e4d8ef;
--al-color-bg-surface-brand-elevated-pressed: #d9c9e8;
--al-color-bg-surface-brand-elevated-selected: #d9c9e8;
--al-color-bg-surface-brand-elevated-disabled: #f6f3f9;
--al-color-bg-fill-brand: #8f64af;
--al-color-bg-fill-brand-hovered: #8154a2;
--al-color-bg-fill-brand-pressed: #724591;
--al-color-bg-fill-brand-selected: #62377f;
--al-color-bg-fill-brand-disabled: #cfb9e1;
--al-color-text-brand: #8154a2;
--al-color-text-brand-hovered: #724591;
--al-color-text-brand-pressed: #62377f;
--al-color-text-brand-selected: #512b6b;
--al-color-text-brand-disabled: #c5abda;
--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: #f6f3f9;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #8154a2;
--al-color-border-elevated-selected: #8154a2;
--al-color-bg-fill-brand: #8154a2;
--al-color-bg-fill-brand-hovered: #724591;
--al-color-bg-fill-brand-pressed: #62377f;
--al-color-bg-fill-brand-selected: #512b6b;
--al-color-text-brand: #62377f;
--al-color-text-brand-hovered: #512b6b;
--al-color-text-brand-pressed: #3e1e54;
--al-color-text-brand-selected: #281037;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #976eb6;
--al-color-border-elevated-selected: #a680c3;
--al-color-outline-focused: #e7dcf0;
--al-color-bg-surface-brand: #2a123a;
--al-color-bg-surface-brand-hovered: #391b4d;
--al-color-bg-surface-brand-pressed: #46235d;
--al-color-bg-surface-brand-selected: #46235d;
--al-color-bg-surface-brand-disabled: #220d30;
--al-color-bg-surface-brand-elevated: #391b4d;
--al-color-bg-surface-brand-elevated-hovered: #46235d;
--al-color-bg-surface-brand-elevated-pressed: #512b6b;
--al-color-bg-surface-brand-elevated-selected: #512b6b;
--al-color-bg-surface-brand-elevated-disabled: #2a123a;
--al-color-bg-fill-brand: #b595cf;
--al-color-bg-fill-brand-hovered: #c5aada;
--al-color-bg-fill-brand-pressed: #d5c2e5;
--al-color-bg-fill-brand-selected: #e7dcf0;
--al-color-bg-fill-brand-disabled: #512b6b;
--al-color-text-brand: #b595cf;
--al-color-text-brand-hovered: #c5aada;
--al-color-text-brand-pressed: #d5c2e5;
--al-color-text-brand-selected: #e7dcf0;
--al-color-text-brand-disabled: #5c3378;
--al-color-text-on-bg-fill-brand: #160720;
--al-color-text-on-bg-fill-brand-hovered: #160720;
--al-color-text-on-bg-fill-brand-pressed: #160720;
--al-color-text-on-bg-fill-brand-selected: #160720;
--al-color-text-on-bg-fill-brand-disabled: #220d30;}

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