: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: #ff0ade;
--cb-color-bg-fill-brand-hovered: #ff28e2;
--cb-color-bg-fill-brand-pressed: #ff3be5;
--cb-color-bg-fill-brand-selected: #ff31e3;
--cb-color-bg-fill-brand-disabled: #ff62ea;
--cb-color-text-brand: #ff0ade;
--cb-color-text-brand-hovered: #ff1de1;
--cb-color-text-brand-pressed: #ff3be5;
--cb-color-text-brand-selected: #ff28e2;
--cb-color-text-brand-disabled: #ff62ea;
--cb-color-bg-surface-brand: #ffecfc;
--cb-color-bg-surface-brand-hovered: #ffd8fa;
--cb-color-bg-surface-brand-pressed: #ffc4f7;
--cb-color-bg-surface-brand-selected: #ffe1fb;
--cb-color-bg-surface-brand-disabled: #fff5fe;
--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: #ff0ade;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #d308b8;
--cb-color-bg-fill-brand-hovered: #d826c1;
--cb-color-bg-fill-brand-pressed: #dc39c6;
--cb-color-bg-fill-brand-selected: #da30c3;
--cb-color-bg-fill-brand-disabled: #e361d2;
--cb-color-text-brand: #c408aa;
--cb-color-text-brand-hovered: #c91bb1;
--cb-color-text-brand-pressed: #d039bb;
--cb-color-text-brand-selected: #cb26b4;
--cb-color-text-brand-disabled: #d961c9;
--cb-color-border-selected: #d308b8;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #e009c3;
--cb-color-bg-fill-brand-pressed: #cc08b2;
--cb-color-bg-fill-brand-selected: #d608ba;
--cb-color-bg-fill-brand-disabled: #a3068e;
--cb-color-text-brand-hovered: #eb09cd;
--cb-color-text-brand-pressed: #cc08b2;
--cb-color-text-brand-selected: #e009c3;
--cb-color-text-brand-disabled: #a3068e;
--cb-color-bg-surface-brand: #290224;
--cb-color-bg-surface-brand-hovered: #3d0235;
--cb-color-bg-surface-brand-pressed: #520347;
--cb-color-bg-surface-brand-selected: #33022c;
--cb-color-bg-surface-brand-disabled: #1f011b;
--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: #472042;
--cb-color-bg-surface-brand-hovered: #581e50;
--cb-color-bg-surface-brand-pressed: #6a1c60;
--cb-color-bg-surface-brand-selected: #501f49;
--cb-color-bg-surface-brand-disabled: #3f213b;}
:root{--al-color-border-selected: #d800bc;
--al-color-border-elevated-selected: #d800bc;
--al-color-outline-focused: #59004b;
--al-color-bg-surface-brand: #ffe4ff;
--al-color-bg-surface-brand-hovered: #ffcdff;
--al-color-bg-surface-brand-pressed: #ffb6ff;
--al-color-bg-surface-brand-selected: #ffb6ff;
--al-color-bg-surface-brand-disabled: #fff0ff;
--al-color-bg-surface-brand-elevated: #ffe4ff;
--al-color-bg-surface-brand-elevated-hovered: #ffcdff;
--al-color-bg-surface-brand-elevated-pressed: #ffb6ff;
--al-color-bg-surface-brand-elevated-selected: #ffb6ff;
--al-color-bg-surface-brand-elevated-disabled: #fff0ff;
--al-color-bg-fill-brand: #d800bc;
--al-color-bg-fill-brand-hovered: #be00a4;
--al-color-bg-fill-brand-pressed: #a4008e;
--al-color-bg-fill-brand-selected: #8c0078;
--al-color-bg-fill-brand-disabled: #ff9fff;
--al-color-text-brand: #be00a4;
--al-color-text-brand-hovered: #a4008e;
--al-color-text-brand-pressed: #8c0078;
--al-color-text-brand-selected: #730063;
--al-color-text-brand-disabled: #ff87ff;
--al-color-text-on-bg-fill-brand: #fffcff;
--al-color-text-on-bg-fill-brand-hovered: #fffcff;
--al-color-text-on-bg-fill-brand-pressed: #fffcff;
--al-color-text-on-bg-fill-brand-selected: #fffcff;
--al-color-text-on-bg-fill-brand-disabled: #fff0ff;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #be00a4;
--al-color-border-elevated-selected: #be00a4;
--al-color-bg-fill-brand: #be00a4;
--al-color-bg-fill-brand-hovered: #a4008e;
--al-color-bg-fill-brand-pressed: #8c0078;
--al-color-bg-fill-brand-selected: #730063;
--al-color-text-brand: #8c0078;
--al-color-text-brand-hovered: #730063;
--al-color-text-brand-pressed: #59004b;
--al-color-text-brand-selected: #390030;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #e700c8;
--al-color-border-elevated-selected: #ff1ce3;
--al-color-outline-focused: #ffd2ff;
--al-color-bg-surface-brand: #3e0034;
--al-color-bg-surface-brand-hovered: #510045;
--al-color-bg-surface-brand-pressed: #630055;
--al-color-bg-surface-brand-selected: #630055;
--al-color-bg-surface-brand-disabled: #310029;
--al-color-bg-surface-brand-elevated: #510045;
--al-color-bg-surface-brand-elevated-hovered: #630055;
--al-color-bg-surface-brand-elevated-pressed: #730063;
--al-color-bg-surface-brand-elevated-selected: #730063;
--al-color-bg-surface-brand-elevated-disabled: #3e0034;
--al-color-bg-fill-brand: #ff5df8;
--al-color-bg-fill-brand-hovered: #ff87ff;
--al-color-bg-fill-brand-pressed: #ffaeff;
--al-color-bg-fill-brand-selected: #ffd2ff;
--al-color-bg-fill-brand-disabled: #730063;
--al-color-text-brand: #ff5df8;
--al-color-text-brand-hovered: #ff87ff;
--al-color-text-brand-pressed: #ffaeff;
--al-color-text-brand-selected: #ffd2ff;
--al-color-text-brand-disabled: #830071;
--al-color-text-on-bg-fill-brand: #21001b;
--al-color-text-on-bg-fill-brand-hovered: #21001b;
--al-color-text-on-bg-fill-brand-pressed: #21001b;
--al-color-text-on-bg-fill-brand-selected: #21001b;
--al-color-text-on-bg-fill-brand-disabled: #310029;}

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