: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: #2d325e;
--cb-color-bg-fill-brand-hovered: #474b72;
--cb-color-bg-fill-brand-pressed: #575b7e;
--cb-color-bg-fill-brand-selected: #4f5378;
--cb-color-bg-fill-brand-disabled: #797c98;
--cb-color-text-brand: #2d325e;
--cb-color-text-brand-hovered: #3d426b;
--cb-color-text-brand-pressed: #575b7e;
--cb-color-text-brand-selected: #474b72;
--cb-color-text-brand-disabled: #797c98;
--cb-color-bg-surface-brand: #efeff2;
--cb-color-bg-surface-brand-hovered: #dddee5;
--cb-color-bg-surface-brand-pressed: #cdced8;
--cb-color-bg-surface-brand-selected: #e5e6eb;
--cb-color-bg-surface-brand-disabled: #f7f7f9;
--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: #2d325e;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #282c53;
--cb-color-bg-fill-brand-pressed: #24284b;
--cb-color-bg-fill-brand-selected: #262a4f;
--cb-color-bg-fill-brand-disabled: #1d203c;
--cb-color-text-brand-hovered: #292e57;
--cb-color-text-brand-pressed: #24284b;
--cb-color-text-brand-selected: #282c53;
--cb-color-text-brand-disabled: #1d203c;
--cb-color-bg-surface-brand: #07080f;
--cb-color-bg-surface-brand-hovered: #0b0c16;
--cb-color-bg-surface-brand-pressed: #0e101e;
--cb-color-bg-surface-brand-selected: #090a13;
--cb-color-bg-surface-brand-disabled: #05060b;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #25262d;
--cb-color-bg-surface-brand-hovered: #262732;
--cb-color-bg-surface-brand-pressed: #272937;
--cb-color-bg-surface-brand-selected: #262730;
--cb-color-bg-surface-brand-disabled: #25262b;}
:root{--al-color-border-selected: #6e749a;
--al-color-border-elevated-selected: #6e749a;
--al-color-outline-focused: #252954;
--al-color-bg-surface-brand: #e9ebf1;
--al-color-bg-surface-brand-hovered: #dadce6;
--al-color-bg-surface-brand-pressed: #cbcedd;
--al-color-bg-surface-brand-selected: #cbcedd;
--al-color-bg-surface-brand-disabled: #f2f3f6;
--al-color-bg-surface-brand-elevated: #e9ebf1;
--al-color-bg-surface-brand-elevated-hovered: #dadce6;
--al-color-bg-surface-brand-elevated-pressed: #cbcedd;
--al-color-bg-surface-brand-elevated-selected: #cbcedd;
--al-color-bg-surface-brand-elevated-disabled: #f2f3f6;
--al-color-bg-fill-brand: #6e749a;
--al-color-bg-fill-brand-hovered: #5e658e;
--al-color-bg-fill-brand-pressed: #4f5681;
--al-color-bg-fill-brand-selected: #414773;
--al-color-bg-fill-brand-disabled: #bdc1d3;
--al-color-text-brand: #5e658e;
--al-color-text-brand-hovered: #4f5681;
--al-color-text-brand-pressed: #414773;
--al-color-text-brand-selected: #333865;
--al-color-text-brand-disabled: #afb4ca;
--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: #f2f3f6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #5e658e;
--al-color-border-elevated-selected: #5e658e;
--al-color-bg-fill-brand: #5e658e;
--al-color-bg-fill-brand-hovered: #4f5681;
--al-color-bg-fill-brand-pressed: #414773;
--al-color-bg-fill-brand-selected: #333865;
--al-color-text-brand: #414773;
--al-color-text-brand-hovered: #333865;
--al-color-text-brand-pressed: #252954;
--al-color-text-brand-selected: #15173b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #777da1;
--al-color-border-elevated-selected: #888eae;
--al-color-outline-focused: #dee0e9;
--al-color-bg-surface-brand: #171a3e;
--al-color-bg-surface-brand-hovered: #21254e;
--al-color-bg-surface-brand-pressed: #2a2f5b;
--al-color-bg-surface-brand-selected: #2a2f5b;
--al-color-bg-surface-brand-disabled: #101233;
--al-color-bg-surface-brand-elevated: #21254e;
--al-color-bg-surface-brand-elevated-hovered: #2a2f5b;
--al-color-bg-surface-brand-elevated-pressed: #343965;
--al-color-bg-surface-brand-elevated-selected: #343965;
--al-color-bg-surface-brand-elevated-disabled: #171a3e;
--al-color-bg-fill-brand: #9ba0bc;
--al-color-bg-fill-brand-hovered: #afb4ca;
--al-color-bg-fill-brand-pressed: #c5c9d9;
--al-color-bg-fill-brand-selected: #dee0e9;
--al-color-bg-fill-brand-disabled: #343965;
--al-color-text-brand: #9ba0bc;
--al-color-text-brand-hovered: #afb4ca;
--al-color-text-brand-pressed: #c5c9d9;
--al-color-text-brand-selected: #dee0e9;
--al-color-text-brand-disabled: #3c426e;
--al-color-text-on-bg-fill-brand: #080a24;
--al-color-text-on-bg-fill-brand-hovered: #080a24;
--al-color-text-on-bg-fill-brand-pressed: #080a24;
--al-color-text-on-bg-fill-brand-selected: #080a24;
--al-color-text-on-bg-fill-brand-disabled: #101233;}

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