: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: #0a4975;
--cb-color-bg-fill-brand-hovered: #285f86;
--cb-color-bg-fill-brand-pressed: #3b6d91;
--cb-color-bg-fill-brand-selected: #31668b;
--cb-color-bg-fill-brand-disabled: #628ba7;
--cb-color-text-brand: #0a4975;
--cb-color-text-brand-hovered: #1d5780;
--cb-color-text-brand-pressed: #3b6d91;
--cb-color-text-brand-selected: #285f86;
--cb-color-text-brand-disabled: #628ba7;
--cb-color-bg-surface-brand: #ecf1f4;
--cb-color-bg-surface-brand-hovered: #d8e2e9;
--cb-color-bg-surface-brand-pressed: #c4d3de;
--cb-color-bg-surface-brand-selected: #e1e9ee;
--cb-color-bg-surface-brand-disabled: #f5f8fa;
--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: #0a4975;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #094067;
--cb-color-bg-fill-brand-pressed: #083a5e;
--cb-color-bg-fill-brand-selected: #083d62;
--cb-color-bg-fill-brand-disabled: #062f4b;
--cb-color-text-brand-hovered: #09436c;
--cb-color-text-brand-pressed: #083a5e;
--cb-color-text-brand-selected: #094067;
--cb-color-text-brand-disabled: #062f4b;
--cb-color-bg-surface-brand: #020c13;
--cb-color-bg-surface-brand-hovered: #02111c;
--cb-color-bg-surface-brand-pressed: #031726;
--cb-color-bg-surface-brand-selected: #020f17;
--cb-color-bg-surface-brand-disabled: #01090e;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #202a31;
--cb-color-bg-surface-brand-hovered: #1e2d37;
--cb-color-bg-surface-brand-pressed: #1c303e;
--cb-color-bg-surface-brand-selected: #1f2b34;
--cb-color-bg-surface-brand-disabled: #21282e;}
:root{--al-color-border-selected: #4d7aa2;
--al-color-border-elevated-selected: #4d7aa2;
--al-color-outline-focused: #002e54;
--al-color-bg-surface-brand: #e6edf3;
--al-color-bg-surface-brand-hovered: #d2dee9;
--al-color-bg-surface-brand-pressed: #c0d1e0;
--al-color-bg-surface-brand-selected: #c0d1e0;
--al-color-bg-surface-brand-disabled: #f0f4f7;
--al-color-bg-surface-brand-elevated: #e6edf3;
--al-color-bg-surface-brand-elevated-hovered: #d2dee9;
--al-color-bg-surface-brand-elevated-pressed: #c0d1e0;
--al-color-bg-surface-brand-elevated-selected: #c0d1e0;
--al-color-bg-surface-brand-elevated-disabled: #f0f4f7;
--al-color-bg-fill-brand: #4d7aa2;
--al-color-bg-fill-brand-hovered: #3a6b95;
--al-color-bg-fill-brand-pressed: #265c88;
--al-color-bg-fill-brand-selected: #114d7a;
--al-color-bg-fill-brand-disabled: #aec4d8;
--al-color-text-brand: #3a6b95;
--al-color-text-brand-hovered: #265c88;
--al-color-text-brand-pressed: #114d7a;
--al-color-text-brand-selected: #003e69;
--al-color-text-brand-disabled: #9eb8cf;
--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: #f0f4f7;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #3a6b95;
--al-color-border-elevated-selected: #3a6b95;
--al-color-bg-fill-brand: #3a6b95;
--al-color-bg-fill-brand-hovered: #265c88;
--al-color-bg-fill-brand-pressed: #114d7a;
--al-color-bg-fill-brand-selected: #003e69;
--al-color-text-brand: #114d7a;
--al-color-text-brand-hovered: #003e69;
--al-color-text-brand-pressed: #002e54;
--al-color-text-brand-selected: #001b38;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5783a8;
--al-color-border-elevated-selected: #6d93b5;
--al-color-outline-focused: #d7e1eb;
--al-color-bg-surface-brand: #001e3c;
--al-color-bg-surface-brand-hovered: #002a4e;
--al-color-bg-surface-brand-pressed: #00345c;
--al-color-bg-surface-brand-selected: #00345c;
--al-color-bg-surface-brand-disabled: #001630;
--al-color-bg-surface-brand-elevated: #002a4e;
--al-color-bg-surface-brand-elevated-hovered: #00345c;
--al-color-bg-surface-brand-elevated-pressed: #003f69;
--al-color-bg-surface-brand-elevated-selected: #003f69;
--al-color-bg-surface-brand-elevated-disabled: #001e3c;
--al-color-bg-fill-brand: #85a5c2;
--al-color-bg-fill-brand-hovered: #9eb7cf;
--al-color-bg-fill-brand-pressed: #b9ccdd;
--al-color-bg-fill-brand-selected: #d7e1eb;
--al-color-bg-fill-brand-disabled: #003f69;
--al-color-text-brand: #85a5c2;
--al-color-text-brand-hovered: #9eb7cf;
--al-color-text-brand-pressed: #b9ccdd;
--al-color-text-brand-selected: #d7e1eb;
--al-color-text-brand-disabled: #084874;
--al-color-text-on-bg-fill-brand: #000e23;
--al-color-text-on-bg-fill-brand-hovered: #000e23;
--al-color-text-on-bg-fill-brand-pressed: #000e23;
--al-color-text-on-bg-fill-brand-selected: #000e23;
--al-color-text-on-bg-fill-brand-disabled: #001630;}

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