: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: #003921;
--cb-color-bg-fill-brand-hovered: #1f513c;
--cb-color-bg-fill-brand-pressed: #33614d;
--cb-color-bg-fill-brand-selected: #295945;
--cb-color-bg-fill-brand-disabled: #5c8071;
--cb-color-text-brand: #003921;
--cb-color-text-brand-hovered: #144932;
--cb-color-text-brand-pressed: #33614d;
--cb-color-text-brand-selected: #1f513c;
--cb-color-text-brand-disabled: #5c8071;
--cb-color-bg-surface-brand: #ebefee;
--cb-color-bg-surface-brand-hovered: #d6dfdb;
--cb-color-bg-surface-brand-pressed: #c2d0ca;
--cb-color-bg-surface-brand-selected: #e0e7e4;
--cb-color-bg-surface-brand-disabled: #f5f7f6;
--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: #003921;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #00321d;
--cb-color-bg-fill-brand-pressed: #002e1a;
--cb-color-bg-fill-brand-selected: #00301c;
--cb-color-bg-fill-brand-disabled: #002415;
--cb-color-text-brand-hovered: #00351e;
--cb-color-text-brand-pressed: #002e1a;
--cb-color-text-brand-selected: #00321d;
--cb-color-text-brand-disabled: #002415;
--cb-color-bg-surface-brand: #000905;
--cb-color-bg-surface-brand-hovered: #000e08;
--cb-color-bg-surface-brand-pressed: #00120b;
--cb-color-bg-surface-brand-selected: #000b07;
--cb-color-bg-surface-brand-disabled: #000704;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #1e2724;
--cb-color-bg-surface-brand-hovered: #1b2923;
--cb-color-bg-surface-brand-pressed: #182b23;
--cb-color-bg-surface-brand-selected: #1d2823;
--cb-color-bg-surface-brand-disabled: #202724;}
:root{--al-color-border-selected: #5b7e6a;
--al-color-border-elevated-selected: #5b7e6a;
--al-color-outline-focused: #00351d;
--al-color-bg-surface-brand: #e8edea;
--al-color-bg-surface-brand-hovered: #d6dfd9;
--al-color-bg-surface-brand-pressed: #c6d2ca;
--al-color-bg-surface-brand-selected: #c6d2ca;
--al-color-bg-surface-brand-disabled: #f2f4f3;
--al-color-bg-surface-brand-elevated: #e8edea;
--al-color-bg-surface-brand-elevated-hovered: #d6dfd9;
--al-color-bg-surface-brand-elevated-pressed: #c6d2ca;
--al-color-bg-surface-brand-elevated-selected: #c6d2ca;
--al-color-bg-surface-brand-elevated-disabled: #f2f4f3;
--al-color-bg-fill-brand: #5b7e6a;
--al-color-bg-fill-brand-hovered: #486f59;
--al-color-bg-fill-brand-pressed: #37614a;
--al-color-bg-fill-brand-selected: #25533b;
--al-color-bg-fill-brand-disabled: #b4c5bb;
--al-color-text-brand: #486f59;
--al-color-text-brand-hovered: #37614a;
--al-color-text-brand-pressed: #25533b;
--al-color-text-brand-selected: #11442c;
--al-color-text-brand-disabled: #a5b9ad;
--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: #f2f4f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #486f59;
--al-color-border-elevated-selected: #486f59;
--al-color-bg-fill-brand: #486f59;
--al-color-bg-fill-brand-hovered: #37614a;
--al-color-bg-fill-brand-pressed: #25533b;
--al-color-bg-fill-brand-selected: #11442c;
--al-color-text-brand: #25533b;
--al-color-text-brand-hovered: #11442c;
--al-color-text-brand-pressed: #00351d;
--al-color-text-brand-selected: #00200d;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #658673;
--al-color-border-elevated-selected: #799685;
--al-color-outline-focused: #dae2dd;
--al-color-bg-surface-brand: #00230f;
--al-color-bg-surface-brand-hovered: #003019;
--al-color-bg-surface-brand-pressed: #023b23;
--al-color-bg-surface-brand-selected: #023b23;
--al-color-bg-surface-brand-disabled: #001c09;
--al-color-bg-surface-brand-elevated: #003019;
--al-color-bg-surface-brand-elevated-hovered: #023b23;
--al-color-bg-surface-brand-elevated-pressed: #11452c;
--al-color-bg-surface-brand-elevated-selected: #11452c;
--al-color-bg-surface-brand-elevated-disabled: #00230f;
--al-color-bg-fill-brand: #8fa798;
--al-color-bg-fill-brand-hovered: #a6b9ad;
--al-color-bg-fill-brand-pressed: #bfcdc4;
--al-color-bg-fill-brand-selected: #dae2dd;
--al-color-bg-fill-brand-disabled: #11452c;
--al-color-text-brand: #8fa798;
--al-color-text-brand-hovered: #a6b9ad;
--al-color-text-brand-pressed: #bfcdc4;
--al-color-text-brand-selected: #dae2dd;
--al-color-text-brand-disabled: #1e4e36;
--al-color-text-on-bg-fill-brand: #001204;
--al-color-text-on-bg-fill-brand-hovered: #001204;
--al-color-text-on-bg-fill-brand-pressed: #001204;
--al-color-text-on-bg-fill-brand-selected: #001204;
--al-color-text-on-bg-fill-brand-disabled: #001c09;}

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