: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: #517549;
--cb-color-bg-fill-brand-hovered: #66865f;
--cb-color-bg-fill-brand-pressed: #74916d;
--cb-color-bg-fill-brand-selected: #6d8b66;
--cb-color-bg-fill-brand-disabled: #90a78b;
--cb-color-text-brand: #517549;
--cb-color-text-brand-hovered: #5f8057;
--cb-color-text-brand-pressed: #74916d;
--cb-color-text-brand-selected: #66865f;
--cb-color-text-brand-disabled: #90a78b;
--cb-color-bg-surface-brand: #f1f4f1;
--cb-color-bg-surface-brand-hovered: #e3e9e2;
--cb-color-bg-surface-brand-pressed: #d5ded3;
--cb-color-bg-surface-brand-selected: #eaeee9;
--cb-color-bg-surface-brand-disabled: #f8faf8;
--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: #517549;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #476740;
--cb-color-bg-fill-brand-pressed: #415e3a;
--cb-color-bg-fill-brand-selected: #44623d;
--cb-color-bg-fill-brand-disabled: #344b2f;
--cb-color-text-brand-hovered: #4b6c43;
--cb-color-text-brand-pressed: #415e3a;
--cb-color-text-brand-selected: #476740;
--cb-color-text-brand-disabled: #344b2f;
--cb-color-bg-surface-brand: #0d130c;
--cb-color-bg-surface-brand-hovered: #131c11;
--cb-color-bg-surface-brand-pressed: #1a2617;
--cb-color-bg-surface-brand-selected: #10170f;
--cb-color-bg-surface-brand-disabled: #0a0e09;
--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: #2b312a;
--cb-color-bg-surface-brand-hovered: #2f372d;
--cb-color-bg-surface-brand-pressed: #323e30;
--cb-color-bg-surface-brand-selected: #2d342b;
--cb-color-bg-surface-brand-disabled: #292e28;}
:root{--al-color-border-selected: #5b7f53;
--al-color-border-elevated-selected: #5b7f53;
--al-color-outline-focused: #1c3217;
--al-color-bg-surface-brand: #e7eee6;
--al-color-bg-surface-brand-hovered: #d5e0d2;
--al-color-bg-surface-brand-pressed: #c2d3be;
--al-color-bg-surface-brand-selected: #c2d3be;
--al-color-bg-surface-brand-disabled: #f2f5f1;
--al-color-bg-surface-brand-elevated: #e7eee6;
--al-color-bg-surface-brand-elevated-hovered: #d5e0d2;
--al-color-bg-surface-brand-elevated-pressed: #c2d3be;
--al-color-bg-surface-brand-elevated-selected: #c2d3be;
--al-color-bg-surface-brand-elevated-disabled: #f2f5f1;
--al-color-bg-fill-brand: #5b7f53;
--al-color-bg-fill-brand-hovered: #4d7045;
--al-color-bg-fill-brand-pressed: #3f6138;
--al-color-bg-fill-brand-selected: #33522d;
--al-color-bg-fill-brand-disabled: #b3c7ae;
--al-color-text-brand: #4d7045;
--al-color-text-brand-hovered: #3f6138;
--al-color-text-brand-pressed: #33522d;
--al-color-text-brand-selected: #284222;
--al-color-text-brand-disabled: #a2bb9d;
--al-color-text-on-bg-fill-brand: #fbfcfa;
--al-color-text-on-bg-fill-brand-hovered: #fbfcfa;
--al-color-text-on-bg-fill-brand-pressed: #fbfcfa;
--al-color-text-on-bg-fill-brand-selected: #fbfcfa;
--al-color-text-on-bg-fill-brand-disabled: #f2f5f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #4d7045;
--al-color-border-elevated-selected: #4d7045;
--al-color-bg-fill-brand: #4d7045;
--al-color-bg-fill-brand-hovered: #3f6138;
--al-color-bg-fill-brand-pressed: #33522d;
--al-color-bg-fill-brand-selected: #284222;
--al-color-text-brand: #33522d;
--al-color-text-brand-hovered: #284222;
--al-color-text-brand-pressed: #1c3217;
--al-color-text-brand-selected: #0f1f0c;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #64885d;
--al-color-border-elevated-selected: #779870;
--al-color-outline-focused: #d9e3d7;
--al-color-bg-surface-brand: #11220e;
--al-color-bg-surface-brand-hovered: #192e15;
--al-color-bg-surface-brand-pressed: #21381b;
--al-color-bg-surface-brand-selected: #21381b;
--al-color-bg-surface-brand-disabled: #0c1a09;
--al-color-bg-surface-brand-elevated: #192e15;
--al-color-bg-surface-brand-elevated-hovered: #21381b;
--al-color-bg-surface-brand-elevated-pressed: #284322;
--al-color-bg-surface-brand-elevated-selected: #284322;
--al-color-bg-surface-brand-elevated-disabled: #11220e;
--al-color-bg-fill-brand: #8ca985;
--al-color-bg-fill-brand-hovered: #a3bb9e;
--al-color-bg-fill-brand-pressed: #bcceb8;
--al-color-bg-fill-brand-selected: #d9e3d7;
--al-color-bg-fill-brand-disabled: #284322;
--al-color-text-brand: #8ca985;
--al-color-text-brand-hovered: #a3bb9e;
--al-color-text-brand-pressed: #bcceb8;
--al-color-text-brand-selected: #d9e3d7;
--al-color-text-brand-disabled: #2f4c28;
--al-color-text-on-bg-fill-brand: #071105;
--al-color-text-on-bg-fill-brand-hovered: #071105;
--al-color-text-on-bg-fill-brand-pressed: #071105;
--al-color-text-on-bg-fill-brand-selected: #071105;
--al-color-text-on-bg-fill-brand-disabled: #0c1a09;}

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