: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: #5292a7;
--cb-color-bg-fill-brand-hovered: #679fb2;
--cb-color-bg-fill-brand-pressed: #75a8b9;
--cb-color-bg-fill-brand-selected: #6ea4b5;
--cb-color-bg-fill-brand-disabled: #90b9c7;
--cb-color-text-brand: #5292a7;
--cb-color-text-brand-hovered: #609bae;
--cb-color-text-brand-pressed: #75a8b9;
--cb-color-text-brand-selected: #679fb2;
--cb-color-text-brand-disabled: #90b9c7;
--cb-color-bg-surface-brand: #f1f6f8;
--cb-color-bg-surface-brand-hovered: #e3edf1;
--cb-color-bg-surface-brand-pressed: #d6e5ea;
--cb-color-bg-surface-brand-selected: #eaf2f4;
--cb-color-bg-surface-brand-disabled: #f8fbfc;
--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: #5292a7;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #467d8f;
--cb-color-bg-fill-brand-hovered: #5c8d9d;
--cb-color-bg-fill-brand-pressed: #6b97a5;
--cb-color-bg-fill-brand-selected: #6492a1;
--cb-color-bg-fill-brand-disabled: #89acb7;
--cb-color-text-brand: #427687;
--cb-color-text-brand-hovered: #518190;
--cb-color-text-brand-pressed: #68919f;
--cb-color-text-brand-selected: #598796;
--cb-color-text-brand-disabled: #86a7b2;
--cb-color-border-selected: #467d8f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #488093;
--cb-color-bg-fill-brand-pressed: #427586;
--cb-color-bg-fill-brand-selected: #457b8c;
--cb-color-bg-fill-brand-disabled: #345d6b;
--cb-color-text-brand-hovered: #4c879a;
--cb-color-text-brand-pressed: #427586;
--cb-color-text-brand-selected: #488093;
--cb-color-text-brand-disabled: #345d6b;
--cb-color-bg-surface-brand: #0d171b;
--cb-color-bg-surface-brand-hovered: #142328;
--cb-color-bg-surface-brand-pressed: #1a2f36;
--cb-color-bg-surface-brand-selected: #101d21;
--cb-color-bg-surface-brand-disabled: #0a1214;
--cb-color-text-on-bg-fill-brand: #202125;
--cb-color-text-on-bg-fill-brand-hovered: #202125;
--cb-color-text-on-bg-fill-brand-pressed: #202125;
--cb-color-text-on-bg-fill-brand-selected: #202125;
--cb-color-text-on-bg-fill-brand-disabled: #20212566;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2b3639;
--cb-color-bg-surface-brand-hovered: #2f3e43;
--cb-color-bg-surface-brand-pressed: #33474e;
--cb-color-bg-surface-brand-selected: #2d3a3e;
--cb-color-bg-surface-brand-disabled: #2a3134;}
:root{--al-color-border-selected: #417e92;
--al-color-border-elevated-selected: #417e92;
--al-color-outline-focused: #11313b;
--al-color-bg-surface-brand: #e1eef3;
--al-color-bg-surface-brand-hovered: #c8e1ea;
--al-color-bg-surface-brand-pressed: #b2d5e1;
--al-color-bg-surface-brand-selected: #b2d5e1;
--al-color-bg-surface-brand-disabled: #eef5f8;
--al-color-bg-surface-brand-elevated: #e1eef3;
--al-color-bg-surface-brand-elevated-hovered: #c8e1ea;
--al-color-bg-surface-brand-elevated-pressed: #b2d5e1;
--al-color-bg-surface-brand-elevated-selected: #b2d5e1;
--al-color-bg-surface-brand-elevated-disabled: #eef5f8;
--al-color-bg-fill-brand: #417e92;
--al-color-bg-fill-brand-hovered: #356e81;
--al-color-bg-fill-brand-pressed: #2b5f70;
--al-color-bg-fill-brand-selected: #22505f;
--al-color-bg-fill-brand-disabled: #9bc8d8;
--al-color-text-brand: #356e81;
--al-color-text-brand-hovered: #2b5f70;
--al-color-text-brand-pressed: #22505f;
--al-color-text-brand-selected: #19414e;
--al-color-text-brand-disabled: #88bcce;
--al-color-text-on-bg-fill-brand: #fafcfd;
--al-color-text-on-bg-fill-brand-hovered: #fafcfd;
--al-color-text-on-bg-fill-brand-pressed: #fafcfd;
--al-color-text-on-bg-fill-brand-selected: #fafcfd;
--al-color-text-on-bg-fill-brand-disabled: #eef5f8;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #356e81;
--al-color-border-elevated-selected: #356e81;
--al-color-bg-fill-brand: #356e81;
--al-color-bg-fill-brand-hovered: #2b5f70;
--al-color-bg-fill-brand-pressed: #22505f;
--al-color-bg-fill-brand-selected: #19414e;
--al-color-text-brand: #22505f;
--al-color-text-brand-hovered: #19414e;
--al-color-text-brand-pressed: #11313b;
--al-color-text-brand-selected: #071e25;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #48879c;
--al-color-border-elevated-selected: #5998ad;
--al-color-outline-focused: #cee4ec;
--al-color-bg-surface-brand: #092128;
--al-color-bg-surface-brand-hovered: #0e2d36;
--al-color-bg-surface-brand-pressed: #143742;
--al-color-bg-surface-brand-selected: #143742;
--al-color-bg-surface-brand-disabled: #05181e;
--al-color-bg-surface-brand-elevated: #0e2d36;
--al-color-bg-surface-brand-elevated-hovered: #143742;
--al-color-bg-surface-brand-elevated-pressed: #19414e;
--al-color-bg-surface-brand-elevated-selected: #19414e;
--al-color-bg-surface-brand-elevated-disabled: #092128;
--al-color-bg-fill-brand: #6eaabe;
--al-color-bg-fill-brand-hovered: #89bcce;
--al-color-bg-fill-brand-pressed: #a8d0de;
--al-color-bg-fill-brand-selected: #cee4ec;
--al-color-bg-fill-brand-disabled: #19414e;
--al-color-text-brand: #6eaabe;
--al-color-text-brand-hovered: #89bcce;
--al-color-text-brand-pressed: #a8d0de;
--al-color-text-brand-selected: #cee4ec;
--al-color-text-brand-disabled: #1e4b58;
--al-color-text-on-bg-fill-brand: #031015;
--al-color-text-on-bg-fill-brand-hovered: #031015;
--al-color-text-on-bg-fill-brand-pressed: #031015;
--al-color-text-on-bg-fill-brand-selected: #031015;
--al-color-text-on-bg-fill-brand-disabled: #05181e;}

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