: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: #142c3c;
--cb-color-bg-fill-brand-hovered: #314654;
--cb-color-bg-fill-brand-pressed: #435663;
--cb-color-bg-fill-brand-selected: #3a4e5b;
--cb-color-bg-fill-brand-disabled: #697882;
--cb-color-text-brand: #142c3c;
--cb-color-text-brand-hovered: #263d4b;
--cb-color-text-brand-pressed: #435663;
--cb-color-text-brand-selected: #314654;
--cb-color-text-brand-disabled: #697882;
--cb-color-bg-surface-brand: #edeef0;
--cb-color-bg-surface-brand-hovered: #d9dde0;
--cb-color-bg-surface-brand-pressed: #c7cdd0;
--cb-color-bg-surface-brand-selected: #e2e5e7;
--cb-color-bg-surface-brand-disabled: #f6f7f7;
--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: #142c3c;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #122735;
--cb-color-bg-fill-brand-pressed: #102330;
--cb-color-bg-fill-brand-selected: #112532;
--cb-color-bg-fill-brand-disabled: #0d1c26;
--cb-color-text-brand-hovered: #122937;
--cb-color-text-brand-pressed: #102330;
--cb-color-text-brand-selected: #122735;
--cb-color-text-brand-disabled: #0d1c26;
--cb-color-bg-surface-brand: #03070a;
--cb-color-bg-surface-brand-hovered: #050b0e;
--cb-color-bg-surface-brand-pressed: #060e13;
--cb-color-bg-surface-brand-selected: #04090c;
--cb-color-bg-surface-brand-disabled: #020507;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #212528;
--cb-color-bg-surface-brand-hovered: #20262a;
--cb-color-bg-surface-brand-pressed: #1f272c;
--cb-color-bg-surface-brand-selected: #212629;
--cb-color-bg-surface-brand-disabled: #222527;}
:root{--al-color-border-selected: #677986;
--al-color-border-elevated-selected: #677986;
--al-color-outline-focused: #172f40;
--al-color-bg-surface-brand: #eaedef;
--al-color-bg-surface-brand-hovered: #d8dde0;
--al-color-bg-surface-brand-pressed: #cad0d5;
--al-color-bg-surface-brand-selected: #cad0d5;
--al-color-bg-surface-brand-disabled: #f1f3f4;
--al-color-bg-surface-brand-elevated: #eaedef;
--al-color-bg-surface-brand-elevated-hovered: #d8dde0;
--al-color-bg-surface-brand-elevated-pressed: #cad0d5;
--al-color-bg-surface-brand-elevated-selected: #cad0d5;
--al-color-bg-surface-brand-elevated-disabled: #f1f3f4;
--al-color-bg-fill-brand: #677986;
--al-color-bg-fill-brand-hovered: #566a78;
--al-color-bg-fill-brand-pressed: #465b6b;
--al-color-bg-fill-brand-selected: #374d5d;
--al-color-bg-fill-brand-disabled: #bac3c9;
--al-color-text-brand: #566a78;
--al-color-text-brand-hovered: #465b6b;
--al-color-text-brand-pressed: #374d5d;
--al-color-text-brand-selected: #273e4f;
--al-color-text-brand-disabled: #acb6be;
--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: #f1f3f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #566a78;
--al-color-border-elevated-selected: #566a78;
--al-color-bg-fill-brand: #566a78;
--al-color-bg-fill-brand-hovered: #465b6b;
--al-color-bg-fill-brand-pressed: #374d5d;
--al-color-bg-fill-brand-selected: #273e4f;
--al-color-text-brand: #374d5d;
--al-color-text-brand-hovered: #273e4f;
--al-color-text-brand-pressed: #172f40;
--al-color-text-brand-selected: #071d2c;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #70818e;
--al-color-border-elevated-selected: #82919d;
--al-color-outline-focused: #dce1e4;
--al-color-bg-surface-brand: #09202f;
--al-color-bg-surface-brand-hovered: #132b3b;
--al-color-bg-surface-brand-pressed: #1e3546;
--al-color-bg-surface-brand-selected: #1e3546;
--al-color-bg-surface-brand-disabled: #041927;
--al-color-bg-surface-brand-elevated: #132b3b;
--al-color-bg-surface-brand-elevated-hovered: #1e3546;
--al-color-bg-surface-brand-elevated-pressed: #283f50;
--al-color-bg-surface-brand-elevated-selected: #283f50;
--al-color-bg-surface-brand-elevated-disabled: #09202f;
--al-color-bg-fill-brand: #97a3ad;
--al-color-bg-fill-brand-hovered: #acb6be;
--al-color-bg-fill-brand-pressed: #c3cad0;
--al-color-bg-fill-brand-selected: #dce1e4;
--al-color-bg-fill-brand-disabled: #283f50;
--al-color-text-brand: #97a3ad;
--al-color-text-brand-hovered: #acb6be;
--al-color-text-brand-pressed: #c3cad0;
--al-color-text-brand-selected: #dce1e4;
--al-color-text-brand-disabled: #314858;
--al-color-text-on-bg-fill-brand: #010f1b;
--al-color-text-on-bg-fill-brand-hovered: #010f1b;
--al-color-text-on-bg-fill-brand-pressed: #010f1b;
--al-color-text-on-bg-fill-brand-selected: #010f1b;
--al-color-text-on-bg-fill-brand-disabled: #041927;}

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