: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: #e34583;
--cb-color-bg-fill-brand-hovered: #e65c92;
--cb-color-bg-fill-brand-pressed: #e96a9c;
--cb-color-bg-fill-brand-selected: #e86397;
--cb-color-bg-fill-brand-disabled: #ed88b0;
--cb-color-text-brand: #e34583;
--cb-color-text-brand-hovered: #e5548d;
--cb-color-text-brand-pressed: #e96a9c;
--cb-color-text-brand-selected: #e65c92;
--cb-color-text-brand-disabled: #ed88b0;
--cb-color-bg-surface-brand: #fdf0f5;
--cb-color-bg-surface-brand-hovered: #fae1eb;
--cb-color-bg-surface-brand-pressed: #f8d3e1;
--cb-color-bg-surface-brand-selected: #fce8f0;
--cb-color-bg-surface-brand-disabled: #fef8fa;
--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: #e34583;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #ce3f77;
--cb-color-bg-fill-brand-hovered: #d45688;
--cb-color-bg-fill-brand-pressed: #d86592;
--cb-color-bg-fill-brand-selected: #d65e8d;
--cb-color-bg-fill-brand-disabled: #e084a8;
--cb-color-text-brand: #c13b6f;
--cb-color-text-brand-hovered: #c64a7a;
--cb-color-text-brand-pressed: #cd628c;
--cb-color-text-brand-selected: #c95381;
--cb-color-text-brand-disabled: #d782a3;
--cb-color-border-selected: #ce3f77;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #c73d73;
--cb-color-bg-fill-brand-pressed: #b63769;
--cb-color-bg-fill-brand-selected: #bf3a6e;
--cb-color-bg-fill-brand-disabled: #912c54;
--cb-color-text-brand-hovered: #d14079;
--cb-color-text-brand-pressed: #b63769;
--cb-color-text-brand-selected: #c73d73;
--cb-color-text-brand-disabled: #912c54;
--cb-color-bg-surface-brand: #240b15;
--cb-color-bg-surface-brand-hovered: #36111f;
--cb-color-bg-surface-brand-pressed: #49162a;
--cb-color-bg-surface-brand-selected: #2d0e1a;
--cb-color-bg-surface-brand-disabled: #1c0810;
--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: #432933;
--cb-color-bg-surface-brand-hovered: #522c3b;
--cb-color-bg-surface-brand-pressed: #612f43;
--cb-color-bg-surface-brand-selected: #4a2b37;
--cb-color-bg-surface-brand-disabled: #3b2830;}
:root{--al-color-border-selected: #d43978;
--al-color-border-elevated-selected: #d43978;
--al-color-outline-focused: #5c062e;
--al-color-bg-surface-brand: #ffe5ed;
--al-color-bg-surface-brand-hovered: #ffd0e0;
--al-color-bg-surface-brand-pressed: #ffbcd3;
--al-color-bg-surface-brand-selected: #ffbcd3;
--al-color-bg-surface-brand-disabled: #fff0f4;
--al-color-bg-surface-brand-elevated: #ffe5ed;
--al-color-bg-surface-brand-elevated-hovered: #ffd0e0;
--al-color-bg-surface-brand-elevated-pressed: #ffbcd3;
--al-color-bg-surface-brand-elevated-selected: #ffbcd3;
--al-color-bg-surface-brand-elevated-disabled: #fff0f4;
--al-color-bg-fill-brand: #d43978;
--al-color-bg-fill-brand-hovered: #be2a68;
--al-color-bg-fill-brand-pressed: #a71f59;
--al-color-bg-fill-brand-selected: #8f154b;
--al-color-bg-fill-brand-disabled: #ffa8c6;
--al-color-text-brand: #be2a68;
--al-color-text-brand-hovered: #a71f59;
--al-color-text-brand-pressed: #8f154b;
--al-color-text-brand-selected: #770d3d;
--al-color-text-brand-disabled: #ff94ba;
--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: #fff0f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #be2a68;
--al-color-border-elevated-selected: #be2a68;
--al-color-bg-fill-brand: #be2a68;
--al-color-bg-fill-brand-hovered: #a71f59;
--al-color-bg-fill-brand-pressed: #8f154b;
--al-color-bg-fill-brand-selected: #770d3d;
--al-color-text-brand: #8f154b;
--al-color-text-brand-hovered: #770d3d;
--al-color-text-brand-pressed: #5c062e;
--al-color-text-brand-selected: #3c021c;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #df4280;
--al-color-border-elevated-selected: #f25690;
--al-color-outline-focused: #ffd5e3;
--al-color-bg-surface-brand: #42031f;
--al-color-bg-surface-brand-hovered: #56052a;
--al-color-bg-surface-brand-pressed: #660833;
--al-color-bg-surface-brand-selected: #660833;
--al-color-bg-surface-brand-disabled: #340217;
--al-color-bg-surface-brand-elevated: #56052a;
--al-color-bg-surface-brand-elevated-hovered: #660833;
--al-color-bg-surface-brand-elevated-pressed: #770d3d;
--al-color-bg-surface-brand-elevated-selected: #770d3d;
--al-color-bg-surface-brand-elevated-disabled: #42031f;
--al-color-bg-fill-brand: #ff71a3;
--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: #770d3d;
--al-color-text-brand: #ff71a3;
--al-color-text-brand-hovered: #ff94ba;
--al-color-text-brand-pressed: #ffb5ce;
--al-color-text-brand-selected: #ffd5e3;
--al-color-text-brand-disabled: #861246;
--al-color-text-on-bg-fill-brand: #23010e;
--al-color-text-on-bg-fill-brand-hovered: #23010e;
--al-color-text-on-bg-fill-brand-pressed: #23010e;
--al-color-text-on-bg-fill-brand-selected: #23010e;
--al-color-text-on-bg-fill-brand-disabled: #340217;}

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