: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: #253245;
--cb-color-bg-fill-brand-hovered: #404b5c;
--cb-color-bg-fill-brand-pressed: #515b6a;
--cb-color-bg-fill-brand-selected: #485363;
--cb-color-bg-fill-brand-disabled: #747c88;
--cb-color-text-brand: #253245;
--cb-color-text-brand-hovered: #364254;
--cb-color-text-brand-pressed: #515b6a;
--cb-color-text-brand-selected: #404b5c;
--cb-color-text-brand-disabled: #747c88;
--cb-color-bg-surface-brand: #eeeff0;
--cb-color-bg-surface-brand-hovered: #dcdee1;
--cb-color-bg-surface-brand-pressed: #cbced3;
--cb-color-bg-surface-brand-selected: #e4e6e8;
--cb-color-bg-surface-brand-disabled: #f6f7f8;
--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: #253245;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #212c3d;
--cb-color-bg-fill-brand-pressed: #1e2837;
--cb-color-bg-fill-brand-selected: #1f2a3a;
--cb-color-bg-fill-brand-disabled: #18202c;
--cb-color-text-brand-hovered: #222e40;
--cb-color-text-brand-pressed: #1e2837;
--cb-color-text-brand-selected: #212c3d;
--cb-color-text-brand-disabled: #18202c;
--cb-color-bg-surface-brand: #06080b;
--cb-color-bg-surface-brand-hovered: #090c11;
--cb-color-bg-surface-brand-pressed: #0c1016;
--cb-color-bg-surface-brand-selected: #070a0e;
--cb-color-bg-surface-brand-disabled: #040608;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #242629;
--cb-color-bg-surface-brand-hovered: #24272c;
--cb-color-bg-surface-brand-pressed: #24292f;
--cb-color-bg-surface-brand-selected: #24272b;
--cb-color-bg-surface-brand-disabled: #242628;}
:root{--al-color-border-selected: #6c7788;
--al-color-border-elevated-selected: #6c7788;
--al-color-outline-focused: #212d40;
--al-color-bg-surface-brand: #eaecee;
--al-color-bg-surface-brand-hovered: #dadde2;
--al-color-bg-surface-brand-pressed: #cbcfd6;
--al-color-bg-surface-brand-selected: #cbcfd6;
--al-color-bg-surface-brand-disabled: #f2f3f4;
--al-color-bg-surface-brand-elevated: #eaecee;
--al-color-bg-surface-brand-elevated-hovered: #dadde2;
--al-color-bg-surface-brand-elevated-pressed: #cbcfd6;
--al-color-bg-surface-brand-elevated-selected: #cbcfd6;
--al-color-bg-surface-brand-elevated-disabled: #f2f3f4;
--al-color-bg-fill-brand: #6c7788;
--al-color-bg-fill-brand-hovered: #5c687a;
--al-color-bg-fill-brand-pressed: #4d596c;
--al-color-bg-fill-brand-selected: #3e4b5f;
--al-color-bg-fill-brand-disabled: #bdc2ca;
--al-color-text-brand: #5c687a;
--al-color-text-brand-hovered: #4d596c;
--al-color-text-brand-pressed: #3e4b5f;
--al-color-text-brand-selected: #303d50;
--al-color-text-brand-disabled: #aeb5be;
--al-color-text-on-bg-fill-brand: #fdfdfd;
--al-color-text-on-bg-fill-brand-hovered: #fdfdfd;
--al-color-text-on-bg-fill-brand-pressed: #fdfdfd;
--al-color-text-on-bg-fill-brand-selected: #fdfdfd;
--al-color-text-on-bg-fill-brand-disabled: #f2f3f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #5c687a;
--al-color-border-elevated-selected: #5c687a;
--al-color-bg-fill-brand: #5c687a;
--al-color-bg-fill-brand-hovered: #4d596c;
--al-color-bg-fill-brand-pressed: #3e4b5f;
--al-color-bg-fill-brand-selected: #303d50;
--al-color-text-brand: #3e4b5f;
--al-color-text-brand-hovered: #303d50;
--al-color-text-brand-pressed: #212d40;
--al-color-text-brand-selected: #111b2b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #757f8f;
--al-color-border-elevated-selected: #87909e;
--al-color-outline-focused: #dee0e4;
--al-color-bg-surface-brand: #131f2f;
--al-color-bg-surface-brand-hovered: #1e2a3d;
--al-color-bg-surface-brand-pressed: #263447;
--al-color-bg-surface-brand-selected: #263447;
--al-color-bg-surface-brand-disabled: #0c1625;
--al-color-bg-surface-brand-elevated: #1e2a3d;
--al-color-bg-surface-brand-elevated-hovered: #263447;
--al-color-bg-surface-brand-elevated-pressed: #303d50;
--al-color-bg-surface-brand-elevated-selected: #303d50;
--al-color-bg-surface-brand-elevated-disabled: #131f2f;
--al-color-bg-fill-brand: #9aa2ae;
--al-color-bg-fill-brand-hovered: #afb5bf;
--al-color-bg-fill-brand-pressed: #c5cad1;
--al-color-bg-fill-brand-selected: #dee0e4;
--al-color-bg-fill-brand-disabled: #303d50;
--al-color-text-brand: #9aa2ae;
--al-color-text-brand-hovered: #afb5bf;
--al-color-text-brand-pressed: #c5cad1;
--al-color-text-brand-selected: #dee0e4;
--al-color-text-brand-disabled: #39465a;
--al-color-text-on-bg-fill-brand: #070f1c;
--al-color-text-on-bg-fill-brand-hovered: #070f1c;
--al-color-text-on-bg-fill-brand-pressed: #070f1c;
--al-color-text-on-bg-fill-brand-selected: #070f1c;
--al-color-text-on-bg-fill-brand-disabled: #0c1625;}

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