: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: #6b9bab;
--cb-color-bg-fill-brand-hovered: #7da7b5;
--cb-color-bg-fill-brand-pressed: #89afbc;
--cb-color-bg-fill-brand-selected: #83abb9;
--cb-color-bg-fill-brand-disabled: #a0bfc9;
--cb-color-text-brand: #6b9bab;
--cb-color-text-brand-hovered: #77a3b2;
--cb-color-text-brand-pressed: #89afbc;
--cb-color-text-brand-selected: #7da7b5;
--cb-color-text-brand-disabled: #a0bfc9;
--cb-color-bg-surface-brand: #f3f7f8;
--cb-color-bg-surface-brand-hovered: #e7eff1;
--cb-color-bg-surface-brand-pressed: #dce7eb;
--cb-color-bg-surface-brand-selected: #edf3f5;
--cb-color-bg-surface-brand-disabled: #f9fbfc;
--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: #6b9bab;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #547a87;
--cb-color-bg-fill-brand-hovered: #698a96;
--cb-color-bg-fill-brand-pressed: #76959f;
--cb-color-bg-fill-brand-selected: #6f8f9a;
--cb-color-bg-fill-brand-disabled: #92aab2;
--cb-color-text-brand: #507480;
--cb-color-text-brand-hovered: #5e7f8a;
--cb-color-text-brand-pressed: #739099;
--cb-color-text-brand-selected: #65858f;
--cb-color-text-brand-disabled: #8fa6ae;
--cb-color-border-selected: #547a87;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #5e8896;
--cb-color-bg-fill-brand-pressed: #567c89;
--cb-color-bg-fill-brand-selected: #5a8290;
--cb-color-bg-fill-brand-disabled: #44636d;
--cb-color-text-brand-hovered: #638f9e;
--cb-color-text-brand-pressed: #567c89;
--cb-color-text-brand-selected: #5e8896;
--cb-color-text-brand-disabled: #44636d;
--cb-color-bg-surface-brand: #11191b;
--cb-color-bg-surface-brand-hovered: #1a2529;
--cb-color-bg-surface-brand-pressed: #223237;
--cb-color-bg-surface-brand-selected: #151f22;
--cb-color-bg-surface-brand-disabled: #0d1315;
--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: #2f373a;
--cb-color-bg-surface-brand-hovered: #354044;
--cb-color-bg-surface-brand-pressed: #3b4a4f;
--cb-color-bg-surface-brand-selected: #323c3f;
--cb-color-bg-surface-brand-disabled: #2d3234;}
:root{--al-color-border-selected: #517d8b;
--al-color-border-elevated-selected: #517d8b;
--al-color-outline-focused: #1b3038;
--al-color-bg-surface-brand: #e1edf2;
--al-color-bg-surface-brand-hovered: #cae1e9;
--al-color-bg-surface-brand-pressed: #b5d4df;
--al-color-bg-surface-brand-selected: #b5d4df;
--al-color-bg-surface-brand-disabled: #ecf4f7;
--al-color-bg-surface-brand-elevated: #e1edf2;
--al-color-bg-surface-brand-elevated-hovered: #cae1e9;
--al-color-bg-surface-brand-elevated-pressed: #b5d4df;
--al-color-bg-surface-brand-elevated-selected: #b5d4df;
--al-color-bg-surface-brand-elevated-disabled: #ecf4f7;
--al-color-bg-fill-brand: #517d8b;
--al-color-bg-fill-brand-hovered: #456d7a;
--al-color-bg-fill-brand-pressed: #3a5e69;
--al-color-bg-fill-brand-selected: #2f4f59;
--al-color-bg-fill-brand-disabled: #a2c8d5;
--al-color-text-brand: #456d7a;
--al-color-text-brand-hovered: #3a5e69;
--al-color-text-brand-pressed: #2f4f59;
--al-color-text-brand-selected: #254049;
--al-color-text-brand-disabled: #90bbca;
--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: #ecf4f7;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #456d7a;
--al-color-border-elevated-selected: #456d7a;
--al-color-bg-fill-brand: #456d7a;
--al-color-bg-fill-brand-hovered: #3a5e69;
--al-color-bg-fill-brand-pressed: #2f4f59;
--al-color-bg-fill-brand-selected: #254049;
--al-color-text-brand: #2f4f59;
--al-color-text-brand-hovered: #254049;
--al-color-text-brand-pressed: #1b3038;
--al-color-text-brand-selected: #0e1d22;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #588594;
--al-color-border-elevated-selected: #6796a6;
--al-color-outline-focused: #cfe3eb;
--al-color-bg-surface-brand: #102025;
--al-color-bg-surface-brand-hovered: #182c33;
--al-color-bg-surface-brand-pressed: #1e363e;
--al-color-bg-surface-brand-selected: #1e363e;
--al-color-bg-surface-brand-disabled: #0b191d;
--al-color-bg-surface-brand-elevated: #182c33;
--al-color-bg-surface-brand-elevated-hovered: #1e363e;
--al-color-bg-surface-brand-elevated-pressed: #254049;
--al-color-bg-surface-brand-elevated-selected: #254049;
--al-color-bg-surface-brand-elevated-disabled: #102025;
--al-color-bg-fill-brand: #79a8b8;
--al-color-bg-fill-brand-hovered: #91bbca;
--al-color-bg-fill-brand-pressed: #adcfdb;
--al-color-bg-fill-brand-selected: #cfe3eb;
--al-color-bg-fill-brand-disabled: #254049;
--al-color-text-brand: #79a8b8;
--al-color-text-brand-hovered: #91bbca;
--al-color-text-brand-pressed: #adcfdb;
--al-color-text-brand-selected: #cfe3eb;
--al-color-text-brand-disabled: #2b4953;
--al-color-text-on-bg-fill-brand: #061013;
--al-color-text-on-bg-fill-brand-hovered: #061013;
--al-color-text-on-bg-fill-brand-pressed: #061013;
--al-color-text-on-bg-fill-brand-selected: #061013;
--al-color-text-on-bg-fill-brand-disabled: #0b191d;}

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