: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: #d40272;
--cb-color-bg-fill-brand-hovered: #d92183;
--cb-color-bg-fill-brand-pressed: #dd358e;
--cb-color-bg-fill-brand-selected: #db2b89;
--cb-color-bg-fill-brand-disabled: #e45da5;
--cb-color-text-brand: #d40272;
--cb-color-text-brand-hovered: #d7167d;
--cb-color-text-brand-pressed: #dd358e;
--cb-color-text-brand-selected: #d92183;
--cb-color-text-brand-disabled: #e45da5;
--cb-color-bg-surface-brand: #fcebf4;
--cb-color-bg-surface-brand-hovered: #f8d6e8;
--cb-color-bg-surface-brand-pressed: #f5c2dd;
--cb-color-bg-surface-brand-selected: #fae0ee;
--cb-color-bg-surface-brand-disabled: #fdf5f9;
--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: #d40272;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #ba0264;
--cb-color-bg-fill-brand-pressed: #aa025b;
--cb-color-bg-fill-brand-selected: #b20260;
--cb-color-bg-fill-brand-disabled: #880149;
--cb-color-text-brand-hovered: #c30269;
--cb-color-text-brand-pressed: #aa025b;
--cb-color-text-brand-selected: #ba0264;
--cb-color-text-brand-disabled: #880149;
--cb-color-bg-surface-brand: #220012;
--cb-color-bg-surface-brand-hovered: #33001b;
--cb-color-bg-surface-brand-pressed: #440125;
--cb-color-bg-surface-brand-selected: #2a0017;
--cb-color-bg-surface-brand-disabled: #1a000e;
--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: #401f31;
--cb-color-bg-surface-brand-hovered: #4e1c37;
--cb-color-bg-surface-brand-pressed: #5d193d;
--cb-color-bg-surface-brand-selected: #471d34;
--cb-color-bg-surface-brand-disabled: #39202d;}
:root{--al-color-border-selected: #df227c;
--al-color-border-elevated-selected: #df227c;
--al-color-outline-focused: #5f002b;
--al-color-bg-surface-brand: #ffe5ed;
--al-color-bg-surface-brand-hovered: #ffd1e0;
--al-color-bg-surface-brand-pressed: #ffbdd3;
--al-color-bg-surface-brand-selected: #ffbdd3;
--al-color-bg-surface-brand-disabled: #ffeff4;
--al-color-bg-surface-brand-elevated: #ffe5ed;
--al-color-bg-surface-brand-elevated-hovered: #ffd1e0;
--al-color-bg-surface-brand-elevated-pressed: #ffbdd3;
--al-color-bg-surface-brand-elevated-selected: #ffbdd3;
--al-color-bg-surface-brand-elevated-disabled: #ffeff4;
--al-color-bg-fill-brand: #df227c;
--al-color-bg-fill-brand-hovered: #ca006b;
--al-color-bg-fill-brand-pressed: #af0059;
--al-color-bg-fill-brand-selected: #950049;
--al-color-bg-fill-brand-disabled: #ffa9c7;
--al-color-text-brand: #ca006b;
--al-color-text-brand-hovered: #af0059;
--al-color-text-brand-pressed: #950049;
--al-color-text-brand-selected: #7b003a;
--al-color-text-brand-disabled: #ff93b9;
--al-color-text-on-bg-fill-brand: #fffafb;
--al-color-text-on-bg-fill-brand-hovered: #fffafb;
--al-color-text-on-bg-fill-brand-pressed: #fffafb;
--al-color-text-on-bg-fill-brand-selected: #fffafb;
--al-color-text-on-bg-fill-brand-disabled: #ffeff4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ca006b;
--al-color-border-elevated-selected: #ca006b;
--al-color-bg-fill-brand: #ca006b;
--al-color-bg-fill-brand-hovered: #af0059;
--al-color-bg-fill-brand-pressed: #950049;
--al-color-bg-fill-brand-selected: #7b003a;
--al-color-text-brand: #950049;
--al-color-text-brand-hovered: #7b003a;
--al-color-text-brand-pressed: #5f002b;
--al-color-text-brand-selected: #3e001a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #e73484;
--al-color-border-elevated-selected: #f45294;
--al-color-outline-focused: #ffd5e3;
--al-color-bg-surface-brand: #43001c;
--al-color-bg-surface-brand-hovered: #580027;
--al-color-bg-surface-brand-pressed: #6a0031;
--al-color-bg-surface-brand-selected: #6a0031;
--al-color-bg-surface-brand-disabled: #360015;
--al-color-bg-surface-brand-elevated: #580027;
--al-color-bg-surface-brand-elevated-hovered: #6a0031;
--al-color-bg-surface-brand-elevated-pressed: #7c003b;
--al-color-bg-surface-brand-elevated-selected: #7c003b;
--al-color-bg-surface-brand-elevated-disabled: #43001c;
--al-color-bg-fill-brand: #ff71a5;
--al-color-bg-fill-brand-hovered: #ff94ba;
--al-color-bg-fill-brand-pressed: #ffb5ce;
--al-color-bg-fill-brand-selected: #ffd5e3;
--al-color-bg-fill-brand-disabled: #7c003b;
--al-color-text-brand: #ff71a5;
--al-color-text-brand-hovered: #ff94ba;
--al-color-text-brand-pressed: #ffb5ce;
--al-color-text-brand-selected: #ffd5e3;
--al-color-text-brand-disabled: #8c0044;
--al-color-text-on-bg-fill-brand: #26000d;
--al-color-text-on-bg-fill-brand-hovered: #26000d;
--al-color-text-on-bg-fill-brand-pressed: #26000d;
--al-color-text-on-bg-fill-brand-selected: #26000d;
--al-color-text-on-bg-fill-brand-disabled: #360015;}

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