: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: #679080;
--cb-color-bg-fill-brand-hovered: #799d8f;
--cb-color-bg-fill-brand-pressed: #85a699;
--cb-color-bg-fill-brand-selected: #7fa294;
--cb-color-bg-fill-brand-disabled: #9eb8ae;
--cb-color-text-brand: #679080;
--cb-color-text-brand-hovered: #73998a;
--cb-color-text-brand-pressed: #85a699;
--cb-color-text-brand-selected: #799d8f;
--cb-color-text-brand-disabled: #9eb8ae;
--cb-color-bg-surface-brand: #f3f6f5;
--cb-color-bg-surface-brand-hovered: #e7edeb;
--cb-color-bg-surface-brand-pressed: #dbe4e1;
--cb-color-bg-surface-brand-selected: #edf2f0;
--cb-color-bg-surface-brand-disabled: #f9fbfa;
--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: #679080;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #597d6f;
--cb-color-bg-fill-brand-hovered: #6d8d81;
--cb-color-bg-fill-brand-pressed: #7a978c;
--cb-color-bg-fill-brand-selected: #749286;
--cb-color-bg-fill-brand-disabled: #95aca3;
--cb-color-text-brand: #557669;
--cb-color-text-brand-hovered: #628175;
--cb-color-text-brand-pressed: #779187;
--cb-color-text-brand-selected: #6a877b;
--cb-color-text-brand-disabled: #92a79f;
--cb-color-border-selected: #597d6f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #5a7e70;
--cb-color-bg-fill-brand-pressed: #527366;
--cb-color-bg-fill-brand-selected: #56796b;
--cb-color-bg-fill-brand-disabled: #425c52;
--cb-color-text-brand-hovered: #5f8576;
--cb-color-text-brand-pressed: #527366;
--cb-color-text-brand-selected: #5a7e70;
--cb-color-text-brand-disabled: #425c52;
--cb-color-bg-surface-brand: #111715;
--cb-color-bg-surface-brand-hovered: #19221f;
--cb-color-bg-surface-brand-pressed: #212e29;
--cb-color-bg-surface-brand-selected: #151d1a;
--cb-color-bg-surface-brand-disabled: #0d1210;
--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: #2f3533;
--cb-color-bg-surface-brand-hovered: #343e3a;
--cb-color-bg-surface-brand-pressed: #3a4742;
--cb-color-bg-surface-brand-selected: #313a36;
--cb-color-bg-surface-brand-disabled: #2c312f;}
:root{--al-color-border-selected: #577e6f;
--al-color-border-elevated-selected: #577e6f;
--al-color-outline-focused: #1d312a;
--al-color-bg-surface-brand: #e5eeea;
--al-color-bg-surface-brand-hovered: #cfe0d9;
--al-color-bg-surface-brand-pressed: #bcd4ca;
--al-color-bg-surface-brand-selected: #bcd4ca;
--al-color-bg-surface-brand-disabled: #f0f5f3;
--al-color-bg-surface-brand-elevated: #e5eeea;
--al-color-bg-surface-brand-elevated-hovered: #cfe0d9;
--al-color-bg-surface-brand-elevated-pressed: #bcd4ca;
--al-color-bg-surface-brand-elevated-selected: #bcd4ca;
--al-color-bg-surface-brand-elevated-disabled: #f0f5f3;
--al-color-bg-fill-brand: #577e6f;
--al-color-bg-fill-brand-hovered: #4a6e60;
--al-color-bg-fill-brand-pressed: #3e5f53;
--al-color-bg-fill-brand-selected: #335045;
--al-color-bg-fill-brand-disabled: #abc8bc;
--al-color-text-brand: #4a6e60;
--al-color-text-brand-hovered: #3e5f53;
--al-color-text-brand-pressed: #335045;
--al-color-text-brand-selected: #284138;
--al-color-text-brand-disabled: #9abcae;
--al-color-text-on-bg-fill-brand: #fafcfb;
--al-color-text-on-bg-fill-brand-hovered: #fafcfb;
--al-color-text-on-bg-fill-brand-pressed: #fafcfb;
--al-color-text-on-bg-fill-brand-selected: #fafcfb;
--al-color-text-on-bg-fill-brand-disabled: #f0f5f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #4a6e60;
--al-color-border-elevated-selected: #4a6e60;
--al-color-bg-fill-brand: #4a6e60;
--al-color-bg-fill-brand-hovered: #3e5f53;
--al-color-bg-fill-brand-pressed: #335045;
--al-color-bg-fill-brand-selected: #284138;
--al-color-text-brand: #335045;
--al-color-text-brand-hovered: #284138;
--al-color-text-brand-pressed: #1d312a;
--al-color-text-brand-selected: #101e18;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5f8778;
--al-color-border-elevated-selected: #6f9888;
--al-color-outline-focused: #d4e4dd;
--al-color-bg-surface-brand: #12211b;
--al-color-bg-surface-brand-hovered: #1a2d25;
--al-color-bg-surface-brand-pressed: #21372f;
--al-color-bg-surface-brand-selected: #21372f;
--al-color-bg-surface-brand-disabled: #0c1813;
--al-color-bg-surface-brand-elevated: #1a2d25;
--al-color-bg-surface-brand-elevated-hovered: #21372f;
--al-color-bg-surface-brand-elevated-pressed: #284138;
--al-color-bg-surface-brand-elevated-selected: #284138;
--al-color-bg-surface-brand-elevated-disabled: #12211b;
--al-color-bg-fill-brand: #83a99a;
--al-color-bg-fill-brand-hovered: #9bbcae;
--al-color-bg-fill-brand-pressed: #b6cfc5;
--al-color-bg-fill-brand-selected: #d4e4dd;
--al-color-bg-fill-brand-disabled: #284138;
--al-color-text-brand: #83a99a;
--al-color-text-brand-hovered: #9bbcae;
--al-color-text-brand-pressed: #b6cfc5;
--al-color-text-brand-selected: #d4e4dd;
--al-color-text-brand-disabled: #2f4b41;
--al-color-text-on-bg-fill-brand: #07100c;
--al-color-text-on-bg-fill-brand-hovered: #07100c;
--al-color-text-on-bg-fill-brand-pressed: #07100c;
--al-color-text-on-bg-fill-brand-selected: #07100c;
--al-color-text-on-bg-fill-brand-disabled: #0c1813;}

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