: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: #32616e;
--cb-color-bg-fill-brand-hovered: #4b7480;
--cb-color-bg-fill-brand-pressed: #5b818b;
--cb-color-bg-fill-brand-selected: #537a85;
--cb-color-bg-fill-brand-disabled: #7c9aa2;
--cb-color-text-brand: #32616e;
--cb-color-text-brand-hovered: #426d79;
--cb-color-text-brand-pressed: #5b818b;
--cb-color-text-brand-selected: #4b7480;
--cb-color-text-brand-disabled: #7c9aa2;
--cb-color-bg-surface-brand: #eff3f4;
--cb-color-bg-surface-brand-hovered: #dee6e8;
--cb-color-bg-surface-brand-pressed: #ced9dc;
--cb-color-bg-surface-brand-selected: #e6eced;
--cb-color-bg-surface-brand-disabled: #f7f9f9;
--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: #32616e;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #2c5561;
--cb-color-bg-fill-brand-pressed: #284e58;
--cb-color-bg-fill-brand-selected: #2a515c;
--cb-color-bg-fill-brand-disabled: #203e46;
--cb-color-text-brand-hovered: #2e5965;
--cb-color-text-brand-pressed: #284e58;
--cb-color-text-brand-selected: #2c5561;
--cb-color-text-brand-disabled: #203e46;
--cb-color-bg-surface-brand: #081012;
--cb-color-bg-surface-brand-hovered: #0c171a;
--cb-color-bg-surface-brand-pressed: #101f23;
--cb-color-bg-surface-brand-selected: #0a1316;
--cb-color-bg-surface-brand-disabled: #060c0d;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #262e30;
--cb-color-bg-surface-brand-hovered: #273336;
--cb-color-bg-surface-brand-pressed: #29383c;
--cb-color-bg-surface-brand-selected: #273033;
--cb-color-bg-surface-brand-disabled: #262b2d;}
:root{--al-color-border-selected: #517d89;
--al-color-border-elevated-selected: #517d89;
--al-color-outline-focused: #0d313b;
--al-color-bg-surface-brand: #e6ecee;
--al-color-bg-surface-brand-hovered: #d3dfe3;
--al-color-bg-surface-brand-pressed: #c1d2d7;
--al-color-bg-surface-brand-selected: #c1d2d7;
--al-color-bg-surface-brand-disabled: #f1f4f6;
--al-color-bg-surface-brand-elevated: #e6ecee;
--al-color-bg-surface-brand-elevated-hovered: #d3dfe3;
--al-color-bg-surface-brand-elevated-pressed: #c1d2d7;
--al-color-bg-surface-brand-elevated-selected: #c1d2d7;
--al-color-bg-surface-brand-elevated-disabled: #f1f4f6;
--al-color-bg-fill-brand: #517d89;
--al-color-bg-fill-brand-hovered: #3f6e7b;
--al-color-bg-fill-brand-pressed: #305f6c;
--al-color-bg-fill-brand-selected: #23505d;
--al-color-bg-fill-brand-disabled: #b0c5cc;
--al-color-text-brand: #3f6e7b;
--al-color-text-brand-hovered: #305f6c;
--al-color-text-brand-pressed: #23505d;
--al-color-text-brand-selected: #17414c;
--al-color-text-brand-disabled: #9fb9c1;
--al-color-text-on-bg-fill-brand: #fdfdfd;
--al-color-text-on-bg-fill-brand-hovered: #fdfdfd;
--al-color-text-on-bg-fill-brand-pressed: #fdfdfd;
--al-color-text-on-bg-fill-brand-selected: #fdfdfd;
--al-color-text-on-bg-fill-brand-disabled: #f1f4f6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #3f6e7b;
--al-color-border-elevated-selected: #3f6e7b;
--al-color-bg-fill-brand: #3f6e7b;
--al-color-bg-fill-brand-hovered: #305f6c;
--al-color-bg-fill-brand-pressed: #23505d;
--al-color-bg-fill-brand-selected: #17414c;
--al-color-text-brand: #23505d;
--al-color-text-brand-hovered: #17414c;
--al-color-text-brand-pressed: #0d313b;
--al-color-text-brand-selected: #041e25;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5c8591;
--al-color-border-elevated-selected: #7095a0;
--al-color-outline-focused: #d8e2e5;
--al-color-bg-surface-brand: #052128;
--al-color-bg-surface-brand-hovered: #0b2d36;
--al-color-bg-surface-brand-pressed: #113741;
--al-color-bg-surface-brand-selected: #113741;
--al-color-bg-surface-brand-disabled: #031a20;
--al-color-bg-surface-brand-elevated: #0b2d36;
--al-color-bg-surface-brand-elevated-hovered: #113741;
--al-color-bg-surface-brand-elevated-pressed: #17424d;
--al-color-bg-surface-brand-elevated-selected: #17424d;
--al-color-bg-surface-brand-elevated-disabled: #052128;
--al-color-bg-fill-brand: #86a6b0;
--al-color-bg-fill-brand-hovered: #a0b9c1;
--al-color-bg-fill-brand-pressed: #bacdd2;
--al-color-bg-fill-brand-selected: #d8e2e5;
--al-color-bg-fill-brand-disabled: #17424d;
--al-color-text-brand: #86a6b0;
--al-color-text-brand-hovered: #a0b9c1;
--al-color-text-brand-pressed: #bacdd2;
--al-color-text-brand-selected: #d8e2e5;
--al-color-text-brand-disabled: #1e4b57;
--al-color-text-on-bg-fill-brand: #021115;
--al-color-text-on-bg-fill-brand-hovered: #021115;
--al-color-text-on-bg-fill-brand-pressed: #021115;
--al-color-text-on-bg-fill-brand-selected: #021115;
--al-color-text-on-bg-fill-brand-disabled: #031a20;}

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