: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: #E6196E;
--cb-color-bg-fill-brand-hovered: #e93580;
--cb-color-bg-fill-brand-pressed: #eb478b;
--cb-color-bg-fill-brand-selected: #ea3e85;
--cb-color-bg-fill-brand-disabled: #ef6ca2;
--cb-color-text-brand: #E6196E;
--cb-color-text-brand-hovered: #e82b79;
--cb-color-text-brand-pressed: #eb478b;
--cb-color-text-brand-selected: #e93580;
--cb-color-text-brand-disabled: #ef6ca2;
--cb-color-bg-surface-brand: #fdedf4;
--cb-color-bg-surface-brand-hovered: #fbdae8;
--cb-color-bg-surface-brand-pressed: #f9c8dc;
--cb-color-bg-surface-brand-selected: #fce3ed;
--cb-color-bg-surface-brand-disabled: #fef6f9;
--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: #E6196E;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #e4196d;
--cb-color-bg-fill-brand-hovered: #e7357f;
--cb-color-bg-fill-brand-pressed: #e9478a;
--cb-color-bg-fill-brand-selected: #e83e84;
--cb-color-bg-fill-brand-disabled: #ee6ca2;
--cb-color-text-brand: #d31765;
--cb-color-text-brand-hovered: #d62971;
--cb-color-text-brand-pressed: #dc4584;
--cb-color-text-brand-selected: #d83378;
--cb-color-text-brand-disabled: #e36b9d;
--cb-color-border-selected: #e4196d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #ca1661;
--cb-color-bg-fill-brand-pressed: #b81458;
--cb-color-bg-fill-brand-selected: #c1155c;
--cb-color-bg-fill-brand-disabled: #931046;
--cb-color-text-brand-hovered: #d41765;
--cb-color-text-brand-pressed: #b81458;
--cb-color-text-brand-selected: #ca1661;
--cb-color-text-brand-disabled: #931046;
--cb-color-bg-surface-brand: #250412;
--cb-color-bg-surface-brand-hovered: #37061a;
--cb-color-bg-surface-brand-pressed: #4a0823;
--cb-color-bg-surface-brand-selected: #2e0516;
--cb-color-bg-surface-brand-disabled: #1c030d;
--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: #432230;
--cb-color-bg-surface-brand-hovered: #522136;
--cb-color-bg-surface-brand-pressed: #62203c;
--cb-color-bg-surface-brand-selected: #4b2233;
--cb-color-bg-surface-brand-disabled: #3c232d;}
:root{--al-color-border-selected: #e4166d;
--al-color-border-elevated-selected: #e4166d;
--al-color-outline-focused: #600024;
--al-color-bg-surface-brand: #ffe5ec;
--al-color-bg-surface-brand-hovered: #ffd1dd;
--al-color-bg-surface-brand-pressed: #ffbdcf;
--al-color-bg-surface-brand-selected: #ffbdcf;
--al-color-bg-surface-brand-disabled: #ffeff3;
--al-color-bg-surface-brand-elevated: #ffe5ec;
--al-color-bg-surface-brand-elevated-hovered: #ffd1dd;
--al-color-bg-surface-brand-elevated-pressed: #ffbdcf;
--al-color-bg-surface-brand-elevated-selected: #ffbdcf;
--al-color-bg-surface-brand-elevated-disabled: #ffeff3;
--al-color-bg-fill-brand: #e4166d;
--al-color-bg-fill-brand-hovered: #cc005c;
--al-color-bg-fill-brand-pressed: #b1004d;
--al-color-bg-fill-brand-selected: #97003f;
--al-color-bg-fill-brand-disabled: #ffa9c1;
--al-color-text-brand: #cc005c;
--al-color-text-brand-hovered: #b1004d;
--al-color-text-brand-pressed: #97003f;
--al-color-text-brand-selected: #7c0032;
--al-color-text-brand-disabled: #ff94b4;
--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: #ffeff3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #cc005c;
--al-color-border-elevated-selected: #cc005c;
--al-color-bg-fill-brand: #cc005c;
--al-color-bg-fill-brand-hovered: #b1004d;
--al-color-bg-fill-brand-pressed: #97003f;
--al-color-bg-fill-brand-selected: #7c0032;
--al-color-text-brand: #97003f;
--al-color-text-brand-hovered: #7c0032;
--al-color-text-brand-pressed: #600024;
--al-color-text-brand-selected: #3e0015;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #ee2975;
--al-color-border-elevated-selected: #fe4986;
--al-color-outline-focused: #ffd5e0;
--al-color-bg-surface-brand: #430017;
--al-color-bg-surface-brand-hovered: #590021;
--al-color-bg-surface-brand-pressed: #6b0029;
--al-color-bg-surface-brand-selected: #6b0029;
--al-color-bg-surface-brand-disabled: #370011;
--al-color-bg-surface-brand-elevated: #590021;
--al-color-bg-surface-brand-elevated-hovered: #6b0029;
--al-color-bg-surface-brand-elevated-pressed: #7d0032;
--al-color-bg-surface-brand-elevated-selected: #7d0032;
--al-color-bg-surface-brand-elevated-disabled: #430017;
--al-color-bg-fill-brand: #ff729e;
--al-color-bg-fill-brand-hovered: #ff94b4;
--al-color-bg-fill-brand-pressed: #ffb5ca;
--al-color-bg-fill-brand-selected: #ffd5e0;
--al-color-bg-fill-brand-disabled: #7d0032;
--al-color-text-brand: #ff729e;
--al-color-text-brand-hovered: #ff94b4;
--al-color-text-brand-pressed: #ffb5ca;
--al-color-text-brand-selected: #ffd5e0;
--al-color-text-brand-disabled: #8d003a;
--al-color-text-on-bg-fill-brand: #26000a;
--al-color-text-on-bg-fill-brand-hovered: #26000a;
--al-color-text-on-bg-fill-brand-pressed: #26000a;
--al-color-text-on-bg-fill-brand-selected: #26000a;
--al-color-text-on-bg-fill-brand-disabled: #370011;}

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