: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: #042453;
--cb-color-bg-fill-brand-hovered: #233f68;
--cb-color-bg-fill-brand-pressed: #365075;
--cb-color-bg-fill-brand-selected: #2c476f;
--cb-color-bg-fill-brand-disabled: #5f7391;
--cb-color-text-brand: #042453;
--cb-color-text-brand-hovered: #183560;
--cb-color-text-brand-pressed: #365075;
--cb-color-text-brand-selected: #233f68;
--cb-color-text-brand-disabled: #5f7391;
--cb-color-bg-surface-brand: #ebeef2;
--cb-color-bg-surface-brand-hovered: #d7dce3;
--cb-color-bg-surface-brand-pressed: #c3cbd6;
--cb-color-bg-surface-brand-selected: #e0e4ea;
--cb-color-bg-surface-brand-disabled: #f5f6f8;
--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: #042453;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #042049;
--cb-color-bg-fill-brand-pressed: #031d42;
--cb-color-bg-fill-brand-selected: #031e46;
--cb-color-bg-fill-brand-disabled: #031735;
--cb-color-text-brand-hovered: #04214c;
--cb-color-text-brand-pressed: #031d42;
--cb-color-text-brand-selected: #042049;
--cb-color-text-brand-disabled: #031735;
--cb-color-bg-surface-brand: #01060d;
--cb-color-bg-surface-brand-hovered: #010914;
--cb-color-bg-surface-brand-pressed: #010c1b;
--cb-color-bg-surface-brand-selected: #010711;
--cb-color-bg-surface-brand-disabled: #00040a;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #1f242c;
--cb-color-bg-surface-brand-hovered: #1c242f;
--cb-color-bg-surface-brand-pressed: #1a2433;
--cb-color-bg-surface-brand-selected: #1e242d;
--cb-color-bg-surface-brand-disabled: #20242a;}
:root{--al-color-border-selected: #5f789d;
--al-color-border-elevated-selected: #5f789d;
--al-color-outline-focused: #0c2c5b;
--al-color-bg-surface-brand: #e9edf2;
--al-color-bg-surface-brand-hovered: #d6dde7;
--al-color-bg-surface-brand-pressed: #c5cfdd;
--al-color-bg-surface-brand-selected: #c5cfdd;
--al-color-bg-surface-brand-disabled: #f0f3f6;
--al-color-bg-surface-brand-elevated: #e9edf2;
--al-color-bg-surface-brand-elevated-hovered: #d6dde7;
--al-color-bg-surface-brand-elevated-pressed: #c5cfdd;
--al-color-bg-surface-brand-elevated-selected: #c5cfdd;
--al-color-bg-surface-brand-elevated-disabled: #f0f3f6;
--al-color-bg-fill-brand: #5f789d;
--al-color-bg-fill-brand-hovered: #4e6891;
--al-color-bg-fill-brand-pressed: #3d5984;
--al-color-bg-fill-brand-selected: #2d4a78;
--al-color-bg-fill-brand-disabled: #b6c2d4;
--al-color-text-brand: #4e6891;
--al-color-text-brand-hovered: #3d5984;
--al-color-text-brand-pressed: #2d4a78;
--al-color-text-brand-selected: #1d3c6a;
--al-color-text-brand-disabled: #a7b6cb;
--al-color-text-on-bg-fill-brand: #fdfdfe;
--al-color-text-on-bg-fill-brand-hovered: #fdfdfe;
--al-color-text-on-bg-fill-brand-pressed: #fdfdfe;
--al-color-text-on-bg-fill-brand-selected: #fdfdfe;
--al-color-text-on-bg-fill-brand-disabled: #f0f3f6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #4e6891;
--al-color-border-elevated-selected: #4e6891;
--al-color-bg-fill-brand: #4e6891;
--al-color-bg-fill-brand-hovered: #3d5984;
--al-color-bg-fill-brand-pressed: #2d4a78;
--al-color-bg-fill-brand-selected: #1d3c6a;
--al-color-text-brand: #2d4a78;
--al-color-text-brand-hovered: #1d3c6a;
--al-color-text-brand-pressed: #0c2c5b;
--al-color-text-brand-selected: #001845;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #6980a4;
--al-color-border-elevated-selected: #7c91b0;
--al-color-outline-focused: #dae0e9;
--al-color-bg-surface-brand: #001c49;
--al-color-bg-surface-brand-hovered: #082858;
--al-color-bg-surface-brand-pressed: #133261;
--al-color-bg-surface-brand-selected: #133261;
--al-color-bg-surface-brand-disabled: #00133f;
--al-color-bg-surface-brand-elevated: #082858;
--al-color-bg-surface-brand-elevated-hovered: #133261;
--al-color-bg-surface-brand-elevated-pressed: #1d3c6a;
--al-color-bg-surface-brand-elevated-selected: #1d3c6a;
--al-color-bg-surface-brand-elevated-disabled: #001c49;
--al-color-bg-fill-brand: #91a2bd;
--al-color-bg-fill-brand-hovered: #a7b6cb;
--al-color-bg-fill-brand-pressed: #c0cada;
--al-color-bg-fill-brand-selected: #dae0e9;
--al-color-bg-fill-brand-disabled: #1d3c6a;
--al-color-text-brand: #91a2bd;
--al-color-text-brand-hovered: #a7b6cb;
--al-color-text-brand-pressed: #c0cada;
--al-color-text-brand-selected: #dae0e9;
--al-color-text-brand-disabled: #274573;
--al-color-text-on-bg-fill-brand: #000a30;
--al-color-text-on-bg-fill-brand-hovered: #000a30;
--al-color-text-on-bg-fill-brand-pressed: #000a30;
--al-color-text-on-bg-fill-brand-selected: #000a30;
--al-color-text-on-bg-fill-brand-disabled: #00133f;}

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