: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: #41344d;
--cb-color-bg-fill-brand-hovered: #584d63;
--cb-color-bg-fill-brand-pressed: #675d71;
--cb-color-bg-fill-brand-selected: #60556a;
--cb-color-bg-fill-brand-disabled: #867d8d;
--cb-color-text-brand: #41344d;
--cb-color-text-brand-hovered: #50445b;
--cb-color-text-brand-pressed: #675d71;
--cb-color-text-brand-selected: #584d63;
--cb-color-text-brand-disabled: #867d8d;
--cb-color-bg-surface-brand: #f0eff1;
--cb-color-bg-surface-brand-hovered: #e0dee2;
--cb-color-bg-surface-brand-pressed: #d2ced4;
--cb-color-bg-surface-brand-selected: #e8e6e9;
--cb-color-bg-surface-brand-disabled: #f8f7f8;
--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: #41344d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #392e44;
--cb-color-bg-fill-brand-pressed: #342a3e;
--cb-color-bg-fill-brand-selected: #372c41;
--cb-color-bg-fill-brand-disabled: #2a2131;
--cb-color-text-brand-hovered: #3c3047;
--cb-color-text-brand-pressed: #342a3e;
--cb-color-text-brand-selected: #392e44;
--cb-color-text-brand-disabled: #2a2131;
--cb-color-bg-surface-brand: #0a080c;
--cb-color-bg-surface-brand-hovered: #100c12;
--cb-color-bg-surface-brand-pressed: #151119;
--cb-color-bg-surface-brand-selected: #0d0a0f;
--cb-color-bg-surface-brand-disabled: #080609;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #29272b;
--cb-color-bg-surface-brand-hovered: #2b282e;
--cb-color-bg-surface-brand-pressed: #2d2931;
--cb-color-bg-surface-brand-selected: #2a272c;
--cb-color-bg-surface-brand-disabled: #282629;}
:root{--al-color-border-selected: #7d7288;
--al-color-border-elevated-selected: #7d7288;
--al-color-outline-focused: #342840;
--al-color-bg-surface-brand: #edebef;
--al-color-bg-surface-brand-hovered: #dfdce2;
--al-color-bg-surface-brand-pressed: #d1cdd6;
--al-color-bg-surface-brand-selected: #d1cdd6;
--al-color-bg-surface-brand-disabled: #f4f3f5;
--al-color-bg-surface-brand-elevated: #edebef;
--al-color-bg-surface-brand-elevated-hovered: #dfdce2;
--al-color-bg-surface-brand-elevated-pressed: #d1cdd6;
--al-color-bg-surface-brand-elevated-selected: #d1cdd6;
--al-color-bg-surface-brand-elevated-disabled: #f4f3f5;
--al-color-bg-fill-brand: #7d7288;
--al-color-bg-fill-brand-hovered: #6e637a;
--al-color-bg-fill-brand-pressed: #60546c;
--al-color-bg-fill-brand-selected: #52455f;
--al-color-bg-fill-brand-disabled: #c4bfca;
--al-color-text-brand: #6e637a;
--al-color-text-brand-hovered: #60546c;
--al-color-text-brand-pressed: #52455f;
--al-color-text-brand-selected: #443750;
--al-color-text-brand-disabled: #b8b2bf;
--al-color-text-on-bg-fill-brand: #fbfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fbfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fbfbfb;
--al-color-text-on-bg-fill-brand-selected: #fbfbfb;
--al-color-text-on-bg-fill-brand-disabled: #f4f3f5;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6e637a;
--al-color-border-elevated-selected: #6e637a;
--al-color-bg-fill-brand: #6e637a;
--al-color-bg-fill-brand-hovered: #60546c;
--al-color-bg-fill-brand-pressed: #52455f;
--al-color-bg-fill-brand-selected: #443750;
--al-color-text-brand: #52455f;
--al-color-text-brand-hovered: #443750;
--al-color-text-brand-pressed: #342840;
--al-color-text-brand-selected: #21172a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #857b90;
--al-color-border-elevated-selected: #958c9f;
--al-color-outline-focused: #e2dfe5;
--al-color-bg-surface-brand: #24192d;
--al-color-bg-surface-brand-hovered: #30243b;
--al-color-bg-surface-brand-pressed: #3a2e46;
--al-color-bg-surface-brand-selected: #3a2e46;
--al-color-bg-surface-brand-disabled: #1c1324;
--al-color-bg-surface-brand-elevated: #30243b;
--al-color-bg-surface-brand-elevated-hovered: #3a2e46;
--al-color-bg-surface-brand-elevated-pressed: #443750;
--al-color-bg-surface-brand-elevated-selected: #443750;
--al-color-bg-surface-brand-elevated-disabled: #24192d;
--al-color-bg-fill-brand: #a69eae;
--al-color-bg-fill-brand-hovered: #b9b2bf;
--al-color-bg-fill-brand-pressed: #ccc8d1;
--al-color-bg-fill-brand-selected: #e2dfe5;
--al-color-bg-fill-brand-disabled: #443750;
--al-color-text-brand: #a69eae;
--al-color-text-brand-hovered: #b9b2bf;
--al-color-text-brand-pressed: #ccc8d1;
--al-color-text-brand-selected: #e2dfe5;
--al-color-text-brand-disabled: #4d4059;
--al-color-text-on-bg-fill-brand: #120a18;
--al-color-text-on-bg-fill-brand-hovered: #120a18;
--al-color-text-on-bg-fill-brand-pressed: #120a18;
--al-color-text-on-bg-fill-brand-selected: #120a18;
--al-color-text-on-bg-fill-brand-disabled: #1c1324;}

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