: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: #b64b87;
--cb-color-bg-fill-brand-hovered: #bf6196;
--cb-color-bg-fill-brand-pressed: #c56f9f;
--cb-color-bg-fill-brand-selected: #c2689a;
--cb-color-bg-fill-brand-disabled: #d08cb2;
--cb-color-text-brand: #b64b87;
--cb-color-text-brand-hovered: #bc5990;
--cb-color-text-brand-pressed: #c56f9f;
--cb-color-text-brand-selected: #bf6196;
--cb-color-text-brand-disabled: #d08cb2;
--cb-color-bg-surface-brand: #f9f1f6;
--cb-color-bg-surface-brand-hovered: #f3e2ec;
--cb-color-bg-surface-brand-pressed: #eed4e2;
--cb-color-bg-surface-brand-selected: #f6e9f0;
--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: #b64b87;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #b24984;
--cb-color-text-brand-hovered: #b8578e;
--cb-color-text-brand-pressed: #c16d9d;
--cb-color-text-brand-selected: #bb5f93;
--cb-color-text-brand-disabled: #ce8bb0;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #a04277;
--cb-color-bg-fill-brand-pressed: #923c6c;
--cb-color-bg-fill-brand-selected: #993f71;
--cb-color-bg-fill-brand-disabled: #743056;
--cb-color-text-brand-hovered: #a8457c;
--cb-color-text-brand-pressed: #923c6c;
--cb-color-text-brand-selected: #a04277;
--cb-color-text-brand-disabled: #743056;
--cb-color-bg-surface-brand: #1d0c16;
--cb-color-bg-surface-brand-hovered: #2c1220;
--cb-color-bg-surface-brand-pressed: #3b182b;
--cb-color-bg-surface-brand-selected: #240f1b;
--cb-color-bg-surface-brand-disabled: #160910;
--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: #3b2a34;
--cb-color-bg-surface-brand-hovered: #472d3c;
--cb-color-bg-surface-brand-pressed: #533144;
--cb-color-bg-surface-brand-selected: #412c38;
--cb-color-bg-surface-brand-disabled: #362930;}
:root{--al-color-border-selected: #bb508c;
--al-color-border-elevated-selected: #bb508c;
--al-color-outline-focused: #531439;
--al-color-bg-surface-brand: #fbe6ef;
--al-color-bg-surface-brand-hovered: #f8d3e5;
--al-color-bg-surface-brand-pressed: #f4c1da;
--al-color-bg-surface-brand-selected: #f4c1da;
--al-color-bg-surface-brand-disabled: #fcf1f6;
--al-color-bg-surface-brand-elevated: #fbe6ef;
--al-color-bg-surface-brand-elevated-hovered: #f8d3e5;
--al-color-bg-surface-brand-elevated-pressed: #f4c1da;
--al-color-bg-surface-brand-elevated-selected: #f4c1da;
--al-color-bg-surface-brand-elevated-disabled: #fcf1f6;
--al-color-bg-fill-brand: #bb508c;
--al-color-bg-fill-brand-hovered: #a9407c;
--al-color-bg-fill-brand-pressed: #95336c;
--al-color-bg-fill-brand-selected: #80285b;
--al-color-bg-fill-brand-disabled: #f0afcf;
--al-color-text-brand: #a9407c;
--al-color-text-brand-hovered: #95336c;
--al-color-text-brand-pressed: #80285b;
--al-color-text-brand-selected: #6a1d4b;
--al-color-text-brand-disabled: #ea9ec4;
--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: #a9407c;
--al-color-border-elevated-selected: #a9407c;
--al-color-bg-fill-brand: #a9407c;
--al-color-bg-fill-brand-hovered: #95336c;
--al-color-bg-fill-brand-pressed: #80285b;
--al-color-bg-fill-brand-selected: #6a1d4b;
--al-color-text-brand: #80285b;
--al-color-text-brand-hovered: #6a1d4b;
--al-color-text-brand-pressed: #531439;
--al-color-text-brand-selected: #360924;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #c45994;
--al-color-border-elevated-selected: #d26da3;
--al-color-outline-focused: #f9d7e7;
--al-color-bg-surface-brand: #3a0a27;
--al-color-bg-surface-brand-hovered: #4c1134;
--al-color-bg-surface-brand-pressed: #5c1740;
--al-color-bg-surface-brand-selected: #5c1740;
--al-color-bg-surface-brand-disabled: #2f071f;
--al-color-bg-surface-brand-elevated: #4c1134;
--al-color-bg-surface-brand-elevated-hovered: #5c1740;
--al-color-bg-surface-brand-elevated-pressed: #6b1e4c;
--al-color-bg-surface-brand-elevated-selected: #6b1e4c;
--al-color-bg-surface-brand-elevated-disabled: #3a0a27;
--al-color-bg-fill-brand: #df85b4;
--al-color-bg-fill-brand-hovered: #ea9ec4;
--al-color-bg-fill-brand-pressed: #f3b9d5;
--al-color-bg-fill-brand-selected: #f9d7e7;
--al-color-bg-fill-brand-disabled: #6b1e4c;
--al-color-text-brand: #df85b4;
--al-color-text-brand-hovered: #ea9ec4;
--al-color-text-brand-pressed: #f3b9d5;
--al-color-text-brand-selected: #f9d7e7;
--al-color-text-brand-disabled: #792456;
--al-color-text-on-bg-fill-brand: #1e0312;
--al-color-text-on-bg-fill-brand-hovered: #1e0312;
--al-color-text-on-bg-fill-brand-pressed: #1e0312;
--al-color-text-on-bg-fill-brand-selected: #1e0312;
--al-color-text-on-bg-fill-brand-disabled: #2f071f;}

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