: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: #04549b;
--cb-color-bg-fill-brand-hovered: #2369a7;
--cb-color-bg-fill-brand-pressed: #3676af;
--cb-color-bg-fill-brand-selected: #2c6fab;
--cb-color-bg-fill-brand-disabled: #5f92bf;
--cb-color-text-brand: #04549b;
--cb-color-text-brand-hovered: #1861a3;
--cb-color-text-brand-pressed: #3676af;
--cb-color-text-brand-selected: #2369a7;
--cb-color-text-brand-disabled: #5f92bf;
--cb-color-bg-surface-brand: #ebf2f7;
--cb-color-bg-surface-brand-hovered: #d7e4ef;
--cb-color-bg-surface-brand-pressed: #c3d6e7;
--cb-color-bg-surface-brand-selected: #e0eaf3;
--cb-color-bg-surface-brand-disabled: #f5f8fb;
--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: #04549b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #044a88;
--cb-color-bg-fill-brand-pressed: #03437c;
--cb-color-bg-fill-brand-selected: #034682;
--cb-color-bg-fill-brand-disabled: #033663;
--cb-color-text-brand-hovered: #044d8f;
--cb-color-text-brand-pressed: #03437c;
--cb-color-text-brand-selected: #044a88;
--cb-color-text-brand-disabled: #033663;
--cb-color-bg-surface-brand: #010e19;
--cb-color-bg-surface-brand-hovered: #011425;
--cb-color-bg-surface-brand-pressed: #011b32;
--cb-color-bg-surface-brand-selected: #01111f;
--cb-color-bg-surface-brand-disabled: #000a13;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #1f2c37;
--cb-color-bg-surface-brand-hovered: #1c2f40;
--cb-color-bg-surface-brand-pressed: #1a334a;
--cb-color-bg-surface-brand-selected: #1e2e3c;
--cb-color-bg-surface-brand-disabled: #202a32;}
:root{--al-color-border-selected: #3d79bb;
--al-color-border-elevated-selected: #3d79bb;
--al-color-outline-focused: #002b62;
--al-color-bg-surface-brand: #e3ecf7;
--al-color-bg-surface-brand-hovered: #cfdff1;
--al-color-bg-surface-brand-pressed: #bbd1ec;
--al-color-bg-surface-brand-selected: #bbd1ec;
--al-color-bg-surface-brand-disabled: #f0f4fa;
--al-color-bg-surface-brand-elevated: #e3ecf7;
--al-color-bg-surface-brand-elevated-hovered: #cfdff1;
--al-color-bg-surface-brand-elevated-pressed: #bbd1ec;
--al-color-bg-surface-brand-elevated-selected: #bbd1ec;
--al-color-bg-surface-brand-elevated-disabled: #f0f4fa;
--al-color-bg-fill-brand: #3d79bb;
--al-color-bg-fill-brand-hovered: #2769af;
--al-color-bg-fill-brand-pressed: #0f59a1;
--al-color-bg-fill-brand-selected: #004a90;
--al-color-bg-fill-brand-disabled: #a7c4e6;
--al-color-text-brand: #2769af;
--al-color-text-brand-hovered: #0f59a1;
--al-color-text-brand-pressed: #004a90;
--al-color-text-brand-selected: #003b7a;
--al-color-text-brand-disabled: #95b7e0;
--al-color-text-on-bg-fill-brand: #fcfdfe;
--al-color-text-on-bg-fill-brand-hovered: #fcfdfe;
--al-color-text-on-bg-fill-brand-pressed: #fcfdfe;
--al-color-text-on-bg-fill-brand-selected: #fcfdfe;
--al-color-text-on-bg-fill-brand-disabled: #f0f4fa;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #2769af;
--al-color-border-elevated-selected: #2769af;
--al-color-bg-fill-brand: #2769af;
--al-color-bg-fill-brand-hovered: #0f59a1;
--al-color-bg-fill-brand-pressed: #004a90;
--al-color-bg-fill-brand-selected: #003b7a;
--al-color-text-brand: #004a90;
--al-color-text-brand-hovered: #003b7a;
--al-color-text-brand-pressed: #002b62;
--al-color-text-brand-selected: #001942;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #4981c1;
--al-color-border-elevated-selected: #6092cc;
--al-color-outline-focused: #d3e2f3;
--al-color-bg-surface-brand: #001c46;
--al-color-bg-surface-brand-hovered: #00275a;
--al-color-bg-surface-brand-pressed: #00316a;
--al-color-bg-surface-brand-selected: #00316a;
--al-color-bg-surface-brand-disabled: #00153a;
--al-color-bg-surface-brand-elevated: #00275a;
--al-color-bg-surface-brand-elevated-hovered: #00316a;
--al-color-bg-surface-brand-elevated-pressed: #003b7b;
--al-color-bg-surface-brand-elevated-selected: #003b7b;
--al-color-bg-surface-brand-elevated-disabled: #001c46;
--al-color-bg-fill-brand: #7aa4d6;
--al-color-bg-fill-brand-hovered: #95b7e0;
--al-color-bg-fill-brand-pressed: #b3ccea;
--al-color-bg-fill-brand-selected: #d3e2f3;
--al-color-bg-fill-brand-disabled: #003b7b;
--al-color-text-brand: #7aa4d6;
--al-color-text-brand-hovered: #95b7e0;
--al-color-text-brand-pressed: #b3ccea;
--al-color-text-brand-selected: #d3e2f3;
--al-color-text-brand-disabled: #004488;
--al-color-text-on-bg-fill-brand: #000c27;
--al-color-text-on-bg-fill-brand-hovered: #000c27;
--al-color-text-on-bg-fill-brand-pressed: #000c27;
--al-color-text-on-bg-fill-brand-selected: #000c27;
--al-color-text-on-bg-fill-brand-disabled: #00153a;}

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