: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: #802060;
--cb-color-bg-fill-brand-hovered: #8f3b73;
--cb-color-bg-fill-brand-pressed: #994d80;
--cb-color-bg-fill-brand-selected: #94447a;
--cb-color-bg-fill-brand-disabled: #ae7099;
--cb-color-text-brand: #802060;
--cb-color-text-brand-hovered: #8a316c;
--cb-color-text-brand-pressed: #994d80;
--cb-color-text-brand-selected: #8f3b73;
--cb-color-text-brand-disabled: #ae7099;
--cb-color-bg-surface-brand: #f5eef3;
--cb-color-bg-surface-brand-hovered: #ebdbe5;
--cb-color-bg-surface-brand-pressed: #e1cad9;
--cb-color-bg-surface-brand-selected: #f0e4ec;
--cb-color-bg-surface-brand-disabled: #faf6f9;
--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: #802060;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #701c54;
--cb-color-bg-fill-brand-pressed: #661a4d;
--cb-color-bg-fill-brand-selected: #6b1b51;
--cb-color-bg-fill-brand-disabled: #52143d;
--cb-color-text-brand-hovered: #761d58;
--cb-color-text-brand-pressed: #661a4d;
--cb-color-text-brand-selected: #701c54;
--cb-color-text-brand-disabled: #52143d;
--cb-color-bg-surface-brand: #15050f;
--cb-color-bg-surface-brand-hovered: #1f0817;
--cb-color-bg-surface-brand-pressed: #290a1f;
--cb-color-bg-surface-brand-selected: #1a0613;
--cb-color-bg-surface-brand-disabled: #10040c;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #33232e;
--cb-color-bg-surface-brand-hovered: #3a2332;
--cb-color-bg-surface-brand-pressed: #422337;
--cb-color-bg-surface-brand-selected: #362330;
--cb-color-bg-surface-brand-disabled: #2f242b;}
:root{--al-color-border-selected: #ad5b8d;
--al-color-border-elevated-selected: #ad5b8d;
--al-color-outline-focused: #5b0141;
--al-color-bg-surface-brand: #f5e8ef;
--al-color-bg-surface-brand-hovered: #eed6e2;
--al-color-bg-surface-brand-pressed: #e7c6d8;
--al-color-bg-surface-brand-selected: #e7c6d8;
--al-color-bg-surface-brand-disabled: #f9f1f5;
--al-color-bg-surface-brand-elevated: #f5e8ef;
--al-color-bg-surface-brand-elevated-hovered: #eed6e2;
--al-color-bg-surface-brand-elevated-pressed: #e7c6d8;
--al-color-bg-surface-brand-elevated-selected: #e7c6d8;
--al-color-bg-surface-brand-elevated-disabled: #f9f1f5;
--al-color-bg-fill-brand: #ad5b8d;
--al-color-bg-fill-brand-hovered: #a0487f;
--al-color-bg-fill-brand-pressed: #923571;
--al-color-bg-fill-brand-selected: #832363;
--al-color-bg-fill-brand-disabled: #e0b6cd;
--al-color-text-brand: #a0487f;
--al-color-text-brand-hovered: #923571;
--al-color-text-brand-pressed: #832363;
--al-color-text-brand-selected: #711153;
--al-color-text-brand-disabled: #d9a6c2;
--al-color-text-on-bg-fill-brand: #fefdfd;
--al-color-text-on-bg-fill-brand-hovered: #fefdfd;
--al-color-text-on-bg-fill-brand-pressed: #fefdfd;
--al-color-text-on-bg-fill-brand-selected: #fefdfd;
--al-color-text-on-bg-fill-brand-disabled: #f9f1f5;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #a0487f;
--al-color-border-elevated-selected: #a0487f;
--al-color-bg-fill-brand: #a0487f;
--al-color-bg-fill-brand-hovered: #923571;
--al-color-bg-fill-brand-pressed: #832363;
--al-color-bg-fill-brand-selected: #711153;
--al-color-text-brand: #832363;
--al-color-text-brand-hovered: #711153;
--al-color-text-brand-pressed: #5b0141;
--al-color-text-brand-selected: #3b0029;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b46594;
--al-color-border-elevated-selected: #c179a3;
--al-color-outline-focused: #f0dae6;
--al-color-bg-surface-brand: #3f002c;
--al-color-bg-surface-brand-hovered: #55003d;
--al-color-bg-surface-brand-pressed: #640648;
--al-color-bg-surface-brand-selected: #640648;
--al-color-bg-surface-brand-disabled: #340023;
--al-color-bg-surface-brand-elevated: #55003d;
--al-color-bg-surface-brand-elevated-hovered: #640648;
--al-color-bg-surface-brand-elevated-pressed: #711153;
--al-color-bg-surface-brand-elevated-selected: #711153;
--al-color-bg-surface-brand-elevated-disabled: #3f002c;
--al-color-bg-fill-brand: #cd8fb2;
--al-color-bg-fill-brand-hovered: #d9a6c2;
--al-color-bg-fill-brand-pressed: #e4bfd3;
--al-color-bg-fill-brand-selected: #f0dae6;
--al-color-bg-fill-brand-disabled: #711153;
--al-color-text-brand: #cd8fb2;
--al-color-text-brand-hovered: #d9a6c2;
--al-color-text-brand-pressed: #e4bfd3;
--al-color-text-brand-selected: #f0dae6;
--al-color-text-brand-disabled: #7d1c5d;
--al-color-text-on-bg-fill-brand: #250018;
--al-color-text-on-bg-fill-brand-hovered: #250018;
--al-color-text-on-bg-fill-brand-pressed: #250018;
--al-color-text-on-bg-fill-brand-selected: #250018;
--al-color-text-on-bg-fill-brand-disabled: #340023;}

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