: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: #0d383d;
--cb-color-bg-fill-brand-hovered: #2a5055;
--cb-color-bg-fill-brand-pressed: #3d6064;
--cb-color-bg-fill-brand-selected: #34585c;
--cb-color-bg-fill-brand-disabled: #648083;
--cb-color-text-brand: #0d383d;
--cb-color-text-brand-hovered: #20484c;
--cb-color-text-brand-pressed: #3d6064;
--cb-color-text-brand-selected: #2a5055;
--cb-color-text-brand-disabled: #648083;
--cb-color-bg-surface-brand: #eceff0;
--cb-color-bg-surface-brand-hovered: #d8dfe0;
--cb-color-bg-surface-brand-pressed: #c5cfd1;
--cb-color-bg-surface-brand-selected: #e2e7e7;
--cb-color-bg-surface-brand-disabled: #f6f7f7;
--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: #0d383d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #0b3136;
--cb-color-bg-fill-brand-pressed: #0a2d31;
--cb-color-bg-fill-brand-selected: #0b2f33;
--cb-color-bg-fill-brand-disabled: #082427;
--cb-color-text-brand-hovered: #0c3438;
--cb-color-text-brand-pressed: #0a2d31;
--cb-color-text-brand-selected: #0b3136;
--cb-color-text-brand-disabled: #082427;
--cb-color-bg-surface-brand: #02090a;
--cb-color-bg-surface-brand-hovered: #030d0f;
--cb-color-bg-surface-brand-pressed: #041214;
--cb-color-bg-surface-brand-selected: #030b0c;
--cb-color-bg-surface-brand-disabled: #020707;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #202728;
--cb-color-bg-surface-brand-hovered: #1e292a;
--cb-color-bg-surface-brand-pressed: #1d2a2c;
--cb-color-bg-surface-brand-selected: #1f2829;
--cb-color-bg-surface-brand-disabled: #212627;}
:root{--al-color-border-selected: #5e7b7f;
--al-color-border-elevated-selected: #5e7b7f;
--al-color-outline-focused: #063237;
--al-color-bg-surface-brand: #e7ecec;
--al-color-bg-surface-brand-hovered: #d6dedf;
--al-color-bg-surface-brand-pressed: #c7d1d3;
--al-color-bg-surface-brand-selected: #c7d1d3;
--al-color-bg-surface-brand-disabled: #f1f3f4;
--al-color-bg-surface-brand-elevated: #e7ecec;
--al-color-bg-surface-brand-elevated-hovered: #d6dedf;
--al-color-bg-surface-brand-elevated-pressed: #c7d1d3;
--al-color-bg-surface-brand-elevated-selected: #c7d1d3;
--al-color-bg-surface-brand-elevated-disabled: #f1f3f4;
--al-color-bg-fill-brand: #5e7b7f;
--al-color-bg-fill-brand-hovered: #4c6d71;
--al-color-bg-fill-brand-pressed: #3b5e63;
--al-color-bg-fill-brand-selected: #2b5055;
--al-color-bg-fill-brand-disabled: #b6c4c6;
--al-color-text-brand: #4c6d71;
--al-color-text-brand-hovered: #3b5e63;
--al-color-text-brand-pressed: #2b5055;
--al-color-text-brand-selected: #194146;
--al-color-text-brand-disabled: #a7b8ba;
--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: #f1f3f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #4c6d71;
--al-color-border-elevated-selected: #4c6d71;
--al-color-bg-fill-brand: #4c6d71;
--al-color-bg-fill-brand-hovered: #3b5e63;
--al-color-bg-fill-brand-pressed: #2b5055;
--al-color-bg-fill-brand-selected: #194146;
--al-color-text-brand: #2b5055;
--al-color-text-brand-hovered: #194146;
--al-color-text-brand-pressed: #063237;
--al-color-text-brand-selected: #001f24;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #678487;
--al-color-border-elevated-selected: #7b9497;
--al-color-outline-focused: #dbe1e2;
--al-color-bg-surface-brand: #002227;
--al-color-bg-surface-brand-hovered: #022e32;
--al-color-bg-surface-brand-pressed: #0d383d;
--al-color-bg-surface-brand-selected: #0d383d;
--al-color-bg-surface-brand-disabled: #001a1e;
--al-color-bg-surface-brand-elevated: #022e32;
--al-color-bg-surface-brand-elevated-hovered: #0d383d;
--al-color-bg-surface-brand-elevated-pressed: #194247;
--al-color-bg-surface-brand-elevated-selected: #194247;
--al-color-bg-surface-brand-elevated-disabled: #002227;
--al-color-bg-fill-brand: #91a5a8;
--al-color-bg-fill-brand-hovered: #a7b7ba;
--al-color-bg-fill-brand-pressed: #bfcbcd;
--al-color-bg-fill-brand-selected: #dbe1e2;
--al-color-bg-fill-brand-disabled: #194247;
--al-color-text-brand: #91a5a8;
--al-color-text-brand-hovered: #a7b7ba;
--al-color-text-brand-pressed: #bfcbcd;
--al-color-text-brand-selected: #dbe1e2;
--al-color-text-brand-disabled: #254b50;
--al-color-text-on-bg-fill-brand: #000f12;
--al-color-text-on-bg-fill-brand-hovered: #000f12;
--al-color-text-on-bg-fill-brand-pressed: #000f12;
--al-color-text-on-bg-fill-brand-selected: #000f12;
--al-color-text-on-bg-fill-brand-disabled: #001a1e;}

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