: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: #e34a83;
--cb-color-bg-fill-brand-hovered: #e66092;
--cb-color-bg-fill-brand-pressed: #e96e9c;
--cb-color-bg-fill-brand-selected: #e86797;
--cb-color-bg-fill-brand-disabled: #ed8bb0;
--cb-color-text-brand: #e34a83;
--cb-color-text-brand-hovered: #e5588d;
--cb-color-text-brand-pressed: #e96e9c;
--cb-color-text-brand-selected: #e66092;
--cb-color-text-brand-disabled: #ed8bb0;
--cb-color-bg-surface-brand: #fdf1f5;
--cb-color-bg-surface-brand-hovered: #fae2eb;
--cb-color-bg-surface-brand-pressed: #f8d4e1;
--cb-color-bg-surface-brand-selected: #fce9f0;
--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: #e34a83;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #cb4275;
--cb-color-bg-fill-brand-hovered: #d15986;
--cb-color-bg-fill-brand-pressed: #d56891;
--cb-color-bg-fill-brand-selected: #d3608b;
--cb-color-bg-fill-brand-disabled: #de86a7;
--cb-color-text-brand: #bf3e6e;
--cb-color-text-brand-hovered: #c44d79;
--cb-color-text-brand-pressed: #cc658b;
--cb-color-text-brand-selected: #c75580;
--cb-color-text-brand-disabled: #d684a2;
--cb-color-border-selected: #cb4275;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #c74173;
--cb-color-bg-fill-brand-pressed: #b63b69;
--cb-color-bg-fill-brand-selected: #bf3e6e;
--cb-color-bg-fill-brand-disabled: #912f54;
--cb-color-text-brand-hovered: #d14479;
--cb-color-text-brand-pressed: #b63b69;
--cb-color-text-brand-selected: #c74173;
--cb-color-text-brand-disabled: #912f54;
--cb-color-bg-surface-brand: #240c15;
--cb-color-bg-surface-brand-hovered: #36121f;
--cb-color-bg-surface-brand-pressed: #49182a;
--cb-color-bg-surface-brand-selected: #2d0f1a;
--cb-color-bg-surface-brand-disabled: #1c0910;
--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: #432a33;
--cb-color-bg-surface-brand-hovered: #522d3b;
--cb-color-bg-surface-brand-pressed: #613043;
--cb-color-bg-surface-brand-selected: #4a2c37;
--cb-color-bg-surface-brand-disabled: #3b2930;}
:root{--al-color-border-selected: #d23c76;
--al-color-border-elevated-selected: #d23c76;
--al-color-outline-focused: #5b0a2d;
--al-color-bg-surface-brand: #ffe5ed;
--al-color-bg-surface-brand-hovered: #ffd1df;
--al-color-bg-surface-brand-pressed: #ffbcd1;
--al-color-bg-surface-brand-selected: #ffbcd1;
--al-color-bg-surface-brand-disabled: #fff0f4;
--al-color-bg-surface-brand-elevated: #ffe5ed;
--al-color-bg-surface-brand-elevated-hovered: #ffd1df;
--al-color-bg-surface-brand-elevated-pressed: #ffbcd1;
--al-color-bg-surface-brand-elevated-selected: #ffbcd1;
--al-color-bg-surface-brand-elevated-disabled: #fff0f4;
--al-color-bg-fill-brand: #d23c76;
--al-color-bg-fill-brand-hovered: #bb2e67;
--al-color-bg-fill-brand-pressed: #a52358;
--al-color-bg-fill-brand-selected: #8d1a4a;
--al-color-bg-fill-brand-disabled: #ffa9c5;
--al-color-text-brand: #bb2e67;
--al-color-text-brand-hovered: #a52358;
--al-color-text-brand-pressed: #8d1a4a;
--al-color-text-brand-selected: #75123c;
--al-color-text-brand-disabled: #ff94b8;
--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: #bb2e67;
--al-color-border-elevated-selected: #bb2e67;
--al-color-bg-fill-brand: #bb2e67;
--al-color-bg-fill-brand-hovered: #a52358;
--al-color-bg-fill-brand-pressed: #8d1a4a;
--al-color-bg-fill-brand-selected: #75123c;
--al-color-text-brand: #8d1a4a;
--al-color-text-brand-hovered: #75123c;
--al-color-text-brand-pressed: #5b0a2d;
--al-color-text-brand-selected: #3b041b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #dd457e;
--al-color-border-elevated-selected: #f0598f;
--al-color-outline-focused: #ffd5e2;
--al-color-bg-surface-brand: #40041e;
--al-color-bg-surface-brand-hovered: #540829;
--al-color-bg-surface-brand-pressed: #650d33;
--al-color-bg-surface-brand-selected: #650d33;
--al-color-bg-surface-brand-disabled: #330316;
--al-color-bg-surface-brand-elevated: #540829;
--al-color-bg-surface-brand-elevated-hovered: #650d33;
--al-color-bg-surface-brand-elevated-pressed: #76123c;
--al-color-bg-surface-brand-elevated-selected: #76123c;
--al-color-bg-surface-brand-elevated-disabled: #40041e;
--al-color-bg-fill-brand: #ff72a1;
--al-color-bg-fill-brand-hovered: #ff94b8;
--al-color-bg-fill-brand-pressed: #ffb5cd;
--al-color-bg-fill-brand-selected: #ffd5e2;
--al-color-bg-fill-brand-disabled: #76123c;
--al-color-text-brand: #ff72a1;
--al-color-text-brand-hovered: #ff94b8;
--al-color-text-brand-pressed: #ffb5cd;
--al-color-text-brand-selected: #ffd5e2;
--al-color-text-brand-disabled: #841745;
--al-color-text-on-bg-fill-brand: #22020d;
--al-color-text-on-bg-fill-brand-hovered: #22020d;
--al-color-text-on-bg-fill-brand-pressed: #22020d;
--al-color-text-on-bg-fill-brand-selected: #22020d;
--al-color-text-on-bg-fill-brand-disabled: #330316;}

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