: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: #b25388;
--cb-color-bg-fill-brand-hovered: #bb6896;
--cb-color-bg-fill-brand-pressed: #c175a0;
--cb-color-bg-fill-brand-selected: #be6f9b;
--cb-color-bg-fill-brand-disabled: #ce91b3;
--cb-color-text-brand: #b25388;
--cb-color-text-brand-hovered: #b86091;
--cb-color-text-brand-pressed: #c175a0;
--cb-color-text-brand-selected: #bb6896;
--cb-color-text-brand-disabled: #ce91b3;
--cb-color-bg-surface-brand: #f9f2f6;
--cb-color-bg-surface-brand-hovered: #f3e3ec;
--cb-color-bg-surface-brand-pressed: #edd6e3;
--cb-color-bg-surface-brand-selected: #f6eaf1;
--cb-color-bg-surface-brand-disabled: #fcf8fa;
--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: #b25388;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #ab5083;
--cb-color-text-brand-hovered: #b25e8d;
--cb-color-text-brand-pressed: #bc739c;
--cb-color-text-brand-selected: #b56592;
--cb-color-text-brand-disabled: #c98fb0;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #9c4977;
--cb-color-bg-fill-brand-pressed: #8e426d;
--cb-color-bg-fill-brand-selected: #954672;
--cb-color-bg-fill-brand-disabled: #723557;
--cb-color-text-brand-hovered: #a44c7d;
--cb-color-text-brand-pressed: #8e426d;
--cb-color-text-brand-selected: #9c4977;
--cb-color-text-brand-disabled: #723557;
--cb-color-bg-surface-brand: #1d0d16;
--cb-color-bg-surface-brand-hovered: #2b1421;
--cb-color-bg-surface-brand-pressed: #391b2c;
--cb-color-bg-surface-brand-selected: #24111b;
--cb-color-bg-surface-brand-disabled: #160a11;
--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: #3b2c34;
--cb-color-bg-surface-brand-hovered: #462f3c;
--cb-color-bg-surface-brand-pressed: #523344;
--cb-color-bg-surface-brand-selected: #402d38;
--cb-color-bg-surface-brand-disabled: #352a30;}
:root{--al-color-border-selected: #b5558a;
--al-color-border-elevated-selected: #b5558a;
--al-color-outline-focused: #4f1838;
--al-color-bg-surface-brand: #f9e6ef;
--al-color-bg-surface-brand-hovered: #f6d4e4;
--al-color-bg-surface-brand-pressed: #f1c1d8;
--al-color-bg-surface-brand-selected: #f1c1d8;
--al-color-bg-surface-brand-disabled: #fcf1f6;
--al-color-bg-surface-brand-elevated: #f9e6ef;
--al-color-bg-surface-brand-elevated-hovered: #f6d4e4;
--al-color-bg-surface-brand-elevated-pressed: #f1c1d8;
--al-color-bg-surface-brand-elevated-selected: #f1c1d8;
--al-color-bg-surface-brand-elevated-disabled: #fcf1f6;
--al-color-bg-fill-brand: #b5558a;
--al-color-bg-fill-brand-hovered: #a2477a;
--al-color-bg-fill-brand-pressed: #8f3a6a;
--al-color-bg-fill-brand-selected: #7b2e5b;
--al-color-bg-fill-brand-disabled: #ecb1cf;
--al-color-text-brand: #a2477a;
--al-color-text-brand-hovered: #8f3a6a;
--al-color-text-brand-pressed: #7b2e5b;
--al-color-text-brand-selected: #66234a;
--al-color-text-brand-disabled: #e6a0c3;
--al-color-text-on-bg-fill-brand: #fefafc;
--al-color-text-on-bg-fill-brand-hovered: #fefafc;
--al-color-text-on-bg-fill-brand-pressed: #fefafc;
--al-color-text-on-bg-fill-brand-selected: #fefafc;
--al-color-text-on-bg-fill-brand-disabled: #fcf1f6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #a2477a;
--al-color-border-elevated-selected: #a2477a;
--al-color-bg-fill-brand: #a2477a;
--al-color-bg-fill-brand-hovered: #8f3a6a;
--al-color-bg-fill-brand-pressed: #7b2e5b;
--al-color-bg-fill-brand-selected: #66234a;
--al-color-text-brand: #7b2e5b;
--al-color-text-brand-hovered: #66234a;
--al-color-text-brand-pressed: #4f1838;
--al-color-text-brand-selected: #330c23;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #bd5f93;
--al-color-border-elevated-selected: #cd72a3;
--al-color-outline-focused: #f7d8e7;
--al-color-bg-surface-brand: #370e26;
--al-color-bg-surface-brand-hovered: #481633;
--al-color-bg-surface-brand-pressed: #581d40;
--al-color-bg-surface-brand-selected: #581d40;
--al-color-bg-surface-brand-disabled: #2c0a1e;
--al-color-bg-surface-brand-elevated: #481633;
--al-color-bg-surface-brand-elevated-hovered: #581d40;
--al-color-bg-surface-brand-elevated-pressed: #66234a;
--al-color-bg-surface-brand-elevated-selected: #66234a;
--al-color-bg-surface-brand-elevated-disabled: #370e26;
--al-color-bg-fill-brand: #da88b3;
--al-color-bg-fill-brand-hovered: #e6a0c4;
--al-color-bg-fill-brand-pressed: #efbbd5;
--al-color-bg-fill-brand-selected: #f7d8e7;
--al-color-bg-fill-brand-disabled: #66234a;
--al-color-text-brand: #da88b3;
--al-color-text-brand-hovered: #e6a0c4;
--al-color-text-brand-pressed: #efbbd5;
--al-color-text-brand-selected: #f7d8e7;
--al-color-text-brand-disabled: #732a54;
--al-color-text-on-bg-fill-brand: #1f0514;
--al-color-text-on-bg-fill-brand-hovered: #1f0514;
--al-color-text-on-bg-fill-brand-pressed: #1f0514;
--al-color-text-on-bg-fill-brand-selected: #1f0514;
--al-color-text-on-bg-fill-brand-disabled: #2c0a1e;}

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