: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: #e8dfe6;
--cb-color-bg-fill-brand-hovered: #ebe3e9;
--cb-color-bg-fill-brand-pressed: #ede5eb;
--cb-color-bg-fill-brand-selected: #ece4ea;
--cb-color-bg-fill-brand-disabled: #f0ebef;
--cb-color-text-brand: #e8dfe6;
--cb-color-text-brand-hovered: #eae2e8;
--cb-color-text-brand-pressed: #ede5eb;
--cb-color-text-brand-selected: #ebe3e9;
--cb-color-text-brand-disabled: #f0ebef;
--cb-color-bg-surface-brand: #fdfcfd;
--cb-color-bg-surface-brand-hovered: #fbfafb;
--cb-color-bg-surface-brand-pressed: #f9f7f9;
--cb-color-bg-surface-brand-selected: #fcfbfc;
--cb-color-bg-surface-brand-disabled: #fefefe;
--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: #e8dfe6;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #726e71;
--cb-color-bg-fill-brand-hovered: #838082;
--cb-color-bg-fill-brand-pressed: #8e8b8d;
--cb-color-bg-fill-brand-selected: #898588;
--cb-color-bg-fill-brand-disabled: #a5a2a4;
--cb-color-text-brand: #716c70;
--cb-color-text-brand-hovered: #7c787b;
--cb-color-text-brand-pressed: #8d898d;
--cb-color-text-brand-selected: #827e81;
--cb-color-text-brand-disabled: #a4a1a4;
--cb-color-border-selected: #726e71;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #ccc4ca;
--cb-color-bg-fill-brand-pressed: #bab2b8;
--cb-color-bg-fill-brand-selected: #c3bbc1;
--cb-color-bg-fill-brand-disabled: #948f93;
--cb-color-text-brand-hovered: #d6ced4;
--cb-color-text-brand-pressed: #bab2b8;
--cb-color-text-brand-selected: #ccc4ca;
--cb-color-text-brand-disabled: #948f93;
--cb-color-bg-surface-brand: #252425;
--cb-color-bg-surface-brand-hovered: #373537;
--cb-color-bg-surface-brand-pressed: #4b484a;
--cb-color-bg-surface-brand-selected: #2e2d2e;
--cb-color-bg-surface-brand-disabled: #1c1b1c;
--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: #444243;
--cb-color-bg-surface-brand-hovered: #535152;
--cb-color-bg-surface-brand-pressed: #636062;
--cb-color-bg-surface-brand-selected: #4b494b;
--cb-color-bg-surface-brand-disabled: #3c3b3c;}
:root{--al-color-border-selected: #7a7579;
--al-color-border-elevated-selected: #7a7579;
--al-color-outline-focused: #2f2c2e;
--al-color-bg-surface-brand: #f2e9f0;
--al-color-bg-surface-brand-hovered: #e3dbe1;
--al-color-bg-surface-brand-pressed: #d5ccd3;
--al-color-bg-surface-brand-selected: #d5ccd3;
--al-color-bg-surface-brand-disabled: #fbf2f9;
--al-color-bg-surface-brand-elevated: #f2e9f0;
--al-color-bg-surface-brand-elevated-hovered: #e3dbe1;
--al-color-bg-surface-brand-elevated-pressed: #d5ccd3;
--al-color-bg-surface-brand-elevated-selected: #d5ccd3;
--al-color-bg-surface-brand-elevated-disabled: #fbf2f9;
--al-color-bg-fill-brand: #7a7579;
--al-color-bg-fill-brand-hovered: #6b6669;
--al-color-bg-fill-brand-pressed: #5c575b;
--al-color-bg-fill-brand-selected: #4d494c;
--al-color-bg-fill-brand-disabled: #c8bfc6;
--al-color-text-brand: #6b6669;
--al-color-text-brand-hovered: #5c575b;
--al-color-text-brand-pressed: #4d494c;
--al-color-text-brand-selected: #3f3b3e;
--al-color-text-brand-disabled: #bab2b8;
--al-color-text-on-bg-fill-brand: #fffbff;
--al-color-text-on-bg-fill-brand-hovered: #fffbff;
--al-color-text-on-bg-fill-brand-pressed: #fffbff;
--al-color-text-on-bg-fill-brand-selected: #fffbff;
--al-color-text-on-bg-fill-brand-disabled: #fbf2f9;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6b6669;
--al-color-border-elevated-selected: #6b6669;
--al-color-bg-fill-brand: #6b6669;
--al-color-bg-fill-brand-hovered: #5c575b;
--al-color-bg-fill-brand-pressed: #4d494c;
--al-color-bg-fill-brand-selected: #3f3b3e;
--al-color-text-brand: #4d494c;
--al-color-text-brand-hovered: #3f3b3e;
--al-color-text-brand-pressed: #2f2c2e;
--al-color-text-brand-selected: #1c1a1c;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #837d82;
--al-color-border-elevated-selected: #948d93;
--al-color-outline-focused: #e6dde4;
--al-color-bg-surface-brand: #1f1d1f;
--al-color-bg-surface-brand-hovered: #2b292b;
--al-color-bg-surface-brand-pressed: #353234;
--al-color-bg-surface-brand-selected: #353234;
--al-color-bg-surface-brand-disabled: #171517;
--al-color-bg-surface-brand-elevated: #2b292b;
--al-color-bg-surface-brand-elevated-hovered: #353234;
--al-color-bg-surface-brand-elevated-pressed: #3f3b3e;
--al-color-bg-surface-brand-elevated-selected: #3f3b3e;
--al-color-bg-surface-brand-elevated-disabled: #1f1d1f;
--al-color-bg-fill-brand: #a79fa5;
--al-color-bg-fill-brand-hovered: #bab2b9;
--al-color-bg-fill-brand-pressed: #d0c7ce;
--al-color-bg-fill-brand-selected: #e6dde4;
--al-color-bg-fill-brand-disabled: #3f3b3e;
--al-color-text-brand: #a79fa5;
--al-color-text-brand-hovered: #bab2b9;
--al-color-text-brand-pressed: #d0c7ce;
--al-color-text-brand-selected: #e6dde4;
--al-color-text-brand-disabled: #484447;
--al-color-text-on-bg-fill-brand: #0f0e0f;
--al-color-text-on-bg-fill-brand-hovered: #0f0e0f;
--al-color-text-on-bg-fill-brand-pressed: #0f0e0f;
--al-color-text-on-bg-fill-brand-selected: #0f0e0f;
--al-color-text-on-bg-fill-brand-disabled: #171517;}

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