: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: #c393ab;
--cb-color-bg-fill-brand-hovered: #caa0b5;
--cb-color-bg-fill-brand-pressed: #cfa9bc;
--cb-color-bg-fill-brand-selected: #cda4b9;
--cb-color-bg-fill-brand-disabled: #d9bac9;
--cb-color-text-brand: #c393ab;
--cb-color-text-brand-hovered: #c89bb2;
--cb-color-text-brand-pressed: #cfa9bc;
--cb-color-text-brand-selected: #caa0b5;
--cb-color-text-brand-disabled: #d9bac9;
--cb-color-bg-surface-brand: #faf7f8;
--cb-color-bg-surface-brand-hovered: #f5eef1;
--cb-color-bg-surface-brand-pressed: #f1e5eb;
--cb-color-bg-surface-brand-selected: #f8f2f5;
--cb-color-bg-surface-brand-disabled: #fdfbfc;
--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: #c393ab;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #8c6a7b;
--cb-color-bg-fill-brand-hovered: #9a7c8b;
--cb-color-bg-fill-brand-pressed: #a38895;
--cb-color-bg-fill-brand-selected: #9e8290;
--cb-color-bg-fill-brand-disabled: #b5a0ab;
--cb-color-text-brand: #876676;
--cb-color-text-brand-hovered: #907281;
--cb-color-text-brand-pressed: #9f8591;
--cb-color-text-brand-selected: #967987;
--cb-color-text-brand-disabled: #b29da7;
--cb-color-border-selected: #8c6a7b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #ab8196;
--cb-color-bg-fill-brand-pressed: #9c7689;
--cb-color-bg-fill-brand-selected: #a47b90;
--cb-color-bg-fill-brand-disabled: #7d5e6d;
--cb-color-text-brand-hovered: #b4879e;
--cb-color-text-brand-pressed: #9c7689;
--cb-color-text-brand-selected: #ab8196;
--cb-color-text-brand-disabled: #7d5e6d;
--cb-color-bg-surface-brand: #1f181b;
--cb-color-bg-surface-brand-hovered: #2f2329;
--cb-color-bg-surface-brand-pressed: #3f2f37;
--cb-color-bg-surface-brand-selected: #271d22;
--cb-color-bg-surface-brand-disabled: #181215;
--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: #3e363a;
--cb-color-bg-surface-brand-hovered: #4a3f44;
--cb-color-bg-surface-brand-pressed: #57484f;
--cb-color-bg-surface-brand-selected: #443a3f;
--cb-color-bg-surface-brand-disabled: #373134;}
:root{--al-color-border-selected: #936b7f;
--al-color-border-elevated-selected: #936b7f;
--al-color-outline-focused: #3b2731;
--al-color-bg-surface-brand: #f8e7ef;
--al-color-bg-surface-brand-hovered: #f2d4e3;
--al-color-bg-surface-brand-pressed: #ebc5d7;
--al-color-bg-surface-brand-selected: #ebc5d7;
--al-color-bg-surface-brand-disabled: #faf0f5;
--al-color-bg-surface-brand-elevated: #f8e7ef;
--al-color-bg-surface-brand-elevated-hovered: #f2d4e3;
--al-color-bg-surface-brand-elevated-pressed: #ebc5d7;
--al-color-bg-surface-brand-elevated-selected: #ebc5d7;
--al-color-bg-surface-brand-elevated-disabled: #faf0f5;
--al-color-bg-fill-brand: #936b7f;
--al-color-bg-fill-brand-hovered: #815d6f;
--al-color-bg-fill-brand-pressed: #704f60;
--al-color-bg-fill-brand-selected: #5f4251;
--al-color-bg-fill-brand-disabled: #e1b6cb;
--al-color-text-brand: #815d6f;
--al-color-text-brand-hovered: #704f60;
--al-color-text-brand-pressed: #5f4251;
--al-color-text-brand-selected: #4d3542;
--al-color-text-brand-disabled: #d6a7be;
--al-color-text-on-bg-fill-brand: #fdfbfc;
--al-color-text-on-bg-fill-brand-hovered: #fdfbfc;
--al-color-text-on-bg-fill-brand-pressed: #fdfbfc;
--al-color-text-on-bg-fill-brand-selected: #fdfbfc;
--al-color-text-on-bg-fill-brand-disabled: #faf0f5;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #815d6f;
--al-color-border-elevated-selected: #815d6f;
--al-color-bg-fill-brand: #815d6f;
--al-color-bg-fill-brand-hovered: #704f60;
--al-color-bg-fill-brand-pressed: #5f4251;
--al-color-bg-fill-brand-selected: #4d3542;
--al-color-text-brand: #5f4251;
--al-color-text-brand-hovered: #4d3542;
--al-color-text-brand-pressed: #3b2731;
--al-color-text-brand-selected: #25171e;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #9d7288;
--al-color-border-elevated-selected: #b08299;
--al-color-outline-focused: #f4d9e6;
--al-color-bg-surface-brand: #271920;
--al-color-bg-surface-brand-hovered: #35242d;
--al-color-bg-surface-brand-pressed: #422d38;
--al-color-bg-surface-brand-selected: #422d38;
--al-color-bg-surface-brand-disabled: #1f131a;
--al-color-bg-surface-brand-elevated: #35242d;
--al-color-bg-surface-brand-elevated-hovered: #422d38;
--al-color-bg-surface-brand-elevated-pressed: #4e3542;
--al-color-bg-surface-brand-elevated-selected: #4e3542;
--al-color-bg-surface-brand-elevated-disabled: #271920;
--al-color-bg-fill-brand: #c493ab;
--al-color-bg-fill-brand-hovered: #d7a7bf;
--al-color-bg-fill-brand-pressed: #e7bed2;
--al-color-bg-fill-brand-selected: #f4d9e6;
--al-color-bg-fill-brand-disabled: #4e3542;
--al-color-text-brand: #c493ab;
--al-color-text-brand-hovered: #d7a7bf;
--al-color-text-brand-pressed: #e7bed2;
--al-color-text-brand-selected: #f4d9e6;
--al-color-text-brand-disabled: #583d4b;
--al-color-text-on-bg-fill-brand: #130b0f;
--al-color-text-on-bg-fill-brand-hovered: #130b0f;
--al-color-text-on-bg-fill-brand-pressed: #130b0f;
--al-color-text-on-bg-fill-brand-selected: #130b0f;
--al-color-text-on-bg-fill-brand-disabled: #1f131a;}

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