: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: #584463;
--cb-color-bg-fill-brand-hovered: #6c5b76;
--cb-color-bg-fill-brand-pressed: #796982;
--cb-color-bg-fill-brand-selected: #73627c;
--cb-color-bg-fill-brand-disabled: #94879b;
--cb-color-text-brand: #584463;
--cb-color-text-brand-hovered: #65536f;
--cb-color-text-brand-pressed: #796982;
--cb-color-text-brand-selected: #6c5b76;
--cb-color-text-brand-disabled: #94879b;
--cb-color-bg-surface-brand: #f2f0f3;
--cb-color-bg-surface-brand-hovered: #e4e1e6;
--cb-color-bg-surface-brand-pressed: #d7d2da;
--cb-color-bg-surface-brand-selected: #ebe8ec;
--cb-color-bg-surface-brand-disabled: #f8f8f9;
--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: #584463;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #4d3c57;
--cb-color-bg-fill-brand-pressed: #46364f;
--cb-color-bg-fill-brand-selected: #4a3953;
--cb-color-bg-fill-brand-disabled: #382b3f;
--cb-color-text-brand-hovered: #513f5b;
--cb-color-text-brand-pressed: #46364f;
--cb-color-text-brand-selected: #4d3c57;
--cb-color-text-brand-disabled: #382b3f;
--cb-color-bg-surface-brand: #0e0b10;
--cb-color-bg-surface-brand-hovered: #151018;
--cb-color-bg-surface-brand-pressed: #1c1620;
--cb-color-bg-surface-brand-selected: #120e14;
--cb-color-bg-surface-brand-disabled: #0b080c;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2c292e;
--cb-color-bg-surface-brand-hovered: #302c33;
--cb-color-bg-surface-brand-pressed: #352e38;
--cb-color-bg-surface-brand-selected: #2e2a31;
--cb-color-bg-surface-brand-disabled: #2a282c;}
:root{--al-color-border-selected: #82708c;
--al-color-border-elevated-selected: #82708c;
--al-color-outline-focused: #372740;
--al-color-bg-surface-brand: #eeebef;
--al-color-bg-surface-brand-hovered: #e0dbe3;
--al-color-bg-surface-brand-pressed: #d3ccd7;
--al-color-bg-surface-brand-selected: #d3ccd7;
--al-color-bg-surface-brand-disabled: #f4f3f5;
--al-color-bg-surface-brand-elevated: #eeebef;
--al-color-bg-surface-brand-elevated-hovered: #e0dbe3;
--al-color-bg-surface-brand-elevated-pressed: #d3ccd7;
--al-color-bg-surface-brand-elevated-selected: #d3ccd7;
--al-color-bg-surface-brand-elevated-disabled: #f4f3f5;
--al-color-bg-fill-brand: #82708c;
--al-color-bg-fill-brand-hovered: #74607f;
--al-color-bg-fill-brand-pressed: #655171;
--al-color-bg-fill-brand-selected: #574362;
--al-color-bg-fill-brand-disabled: #c8becd;
--al-color-text-brand: #74607f;
--al-color-text-brand-hovered: #655171;
--al-color-text-brand-pressed: #574362;
--al-color-text-brand-selected: #483552;
--al-color-text-brand-disabled: #bcb1c2;
--al-color-text-on-bg-fill-brand: #fbfbfc;
--al-color-text-on-bg-fill-brand-hovered: #fbfbfc;
--al-color-text-on-bg-fill-brand-pressed: #fbfbfc;
--al-color-text-on-bg-fill-brand-selected: #fbfbfc;
--al-color-text-on-bg-fill-brand-disabled: #f4f3f5;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #74607f;
--al-color-border-elevated-selected: #74607f;
--al-color-bg-fill-brand: #74607f;
--al-color-bg-fill-brand-hovered: #655171;
--al-color-bg-fill-brand-pressed: #574362;
--al-color-bg-fill-brand-selected: #483552;
--al-color-text-brand: #574362;
--al-color-text-brand-hovered: #483552;
--al-color-text-brand-pressed: #372740;
--al-color-text-brand-selected: #23162a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #8a7894;
--al-color-border-elevated-selected: #998aa3;
--al-color-outline-focused: #e3dee6;
--al-color-bg-surface-brand: #25182c;
--al-color-bg-surface-brand-hovered: #32233a;
--al-color-bg-surface-brand-pressed: #3d2c47;
--al-color-bg-surface-brand-selected: #3d2c47;
--al-color-bg-surface-brand-disabled: #1d1223;
--al-color-bg-surface-brand-elevated: #32233a;
--al-color-bg-surface-brand-elevated-hovered: #3d2c47;
--al-color-bg-surface-brand-elevated-pressed: #483552;
--al-color-bg-surface-brand-elevated-selected: #483552;
--al-color-bg-surface-brand-elevated-disabled: #25182c;
--al-color-bg-fill-brand: #aa9db2;
--al-color-bg-fill-brand-hovered: #bbb0c2;
--al-color-bg-fill-brand-pressed: #cec7d3;
--al-color-bg-fill-brand-selected: #e3dee6;
--al-color-bg-fill-brand-disabled: #483552;
--al-color-text-brand: #aa9db2;
--al-color-text-brand-hovered: #bbb0c2;
--al-color-text-brand-pressed: #cec7d3;
--al-color-text-brand-selected: #e3dee6;
--al-color-text-brand-disabled: #513e5c;
--al-color-text-on-bg-fill-brand: #120a17;
--al-color-text-on-bg-fill-brand-hovered: #120a17;
--al-color-text-on-bg-fill-brand-pressed: #120a17;
--al-color-text-on-bg-fill-brand-selected: #120a17;
--al-color-text-on-bg-fill-brand-disabled: #1d1223;}

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