: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: #284d24;
--cb-color-bg-fill-brand-hovered: #42633f;
--cb-color-bg-fill-brand-pressed: #537150;
--cb-color-bg-fill-brand-selected: #4b6a47;
--cb-color-bg-fill-brand-disabled: #768d73;
--cb-color-text-brand: #284d24;
--cb-color-text-brand-hovered: #395b35;
--cb-color-text-brand-pressed: #537150;
--cb-color-text-brand-selected: #42633f;
--cb-color-text-brand-disabled: #768d73;
--cb-color-bg-surface-brand: #eef1ee;
--cb-color-bg-surface-brand-hovered: #dce2dc;
--cb-color-bg-surface-brand-pressed: #ccd4cb;
--cb-color-bg-surface-brand-selected: #e5e9e4;
--cb-color-bg-surface-brand-disabled: #f7f8f6;
--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: #284d24;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #234420;
--cb-color-bg-fill-brand-pressed: #203e1d;
--cb-color-bg-fill-brand-selected: #22411e;
--cb-color-bg-fill-brand-disabled: #1a3117;
--cb-color-text-brand-hovered: #254721;
--cb-color-text-brand-pressed: #203e1d;
--cb-color-text-brand-selected: #234420;
--cb-color-text-brand-disabled: #1a3117;
--cb-color-bg-surface-brand: #060c06;
--cb-color-bg-surface-brand-hovered: #0a1209;
--cb-color-bg-surface-brand-pressed: #0d190c;
--cb-color-bg-surface-brand-selected: #080f07;
--cb-color-bg-surface-brand-disabled: #050904;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #252b24;
--cb-color-bg-surface-brand-hovered: #252e24;
--cb-color-bg-surface-brand-pressed: #253124;
--cb-color-bg-surface-brand-selected: #252c24;
--cb-color-bg-surface-brand-disabled: #242924;}
:root{--al-color-border-selected: #5e7e5a;
--al-color-border-elevated-selected: #5e7e5a;
--al-color-outline-focused: #133410;
--al-color-bg-surface-brand: #e8ede8;
--al-color-bg-surface-brand-hovered: #d7dfd5;
--al-color-bg-surface-brand-pressed: #c5d2c3;
--al-color-bg-surface-brand-selected: #c5d2c3;
--al-color-bg-surface-brand-disabled: #f1f4f1;
--al-color-bg-surface-brand-elevated: #e8ede8;
--al-color-bg-surface-brand-elevated-hovered: #d7dfd5;
--al-color-bg-surface-brand-elevated-pressed: #c5d2c3;
--al-color-bg-surface-brand-elevated-selected: #c5d2c3;
--al-color-bg-surface-brand-elevated-disabled: #f1f4f1;
--al-color-bg-fill-brand: #5e7e5a;
--al-color-bg-fill-brand-hovered: #4d7049;
--al-color-bg-fill-brand-pressed: #3d6139;
--al-color-bg-fill-brand-selected: #2e532a;
--al-color-bg-fill-brand-disabled: #b6c6b4;
--al-color-text-brand: #4d7049;
--al-color-text-brand-hovered: #3d6139;
--al-color-text-brand-pressed: #2e532a;
--al-color-text-brand-selected: #20441c;
--al-color-text-brand-disabled: #a7baa5;
--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: #f1f4f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #4d7049;
--al-color-border-elevated-selected: #4d7049;
--al-color-bg-fill-brand: #4d7049;
--al-color-bg-fill-brand-hovered: #3d6139;
--al-color-bg-fill-brand-pressed: #2e532a;
--al-color-bg-fill-brand-selected: #20441c;
--al-color-text-brand: #2e532a;
--al-color-text-brand-hovered: #20441c;
--al-color-text-brand-pressed: #133410;
--al-color-text-brand-selected: #062004;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #688664;
--al-color-border-elevated-selected: #7b9678;
--al-color-outline-focused: #dbe2da;
--al-color-bg-surface-brand: #072305;
--al-color-bg-surface-brand-hovered: #10300c;
--al-color-bg-surface-brand-pressed: #173a14;
--al-color-bg-surface-brand-selected: #173a14;
--al-color-bg-surface-brand-disabled: #051c03;
--al-color-bg-surface-brand-elevated: #10300c;
--al-color-bg-surface-brand-elevated-hovered: #173a14;
--al-color-bg-surface-brand-elevated-pressed: #20441c;
--al-color-bg-surface-brand-elevated-selected: #20441c;
--al-color-bg-surface-brand-elevated-disabled: #072305;
--al-color-bg-fill-brand: #90a88d;
--al-color-bg-fill-brand-hovered: #a7baa4;
--al-color-bg-fill-brand-pressed: #c0cdbe;
--al-color-bg-fill-brand-selected: #dbe2da;
--al-color-bg-fill-brand-disabled: #20441c;
--al-color-text-brand: #90a88d;
--al-color-text-brand-hovered: #a7baa4;
--al-color-text-brand-pressed: #c0cdbe;
--al-color-text-brand-selected: #dbe2da;
--al-color-text-brand-disabled: #284d24;
--al-color-text-on-bg-fill-brand: #021101;
--al-color-text-on-bg-fill-brand-hovered: #021101;
--al-color-text-on-bg-fill-brand-pressed: #021101;
--al-color-text-on-bg-fill-brand-selected: #021101;
--al-color-text-on-bg-fill-brand-disabled: #051c03;}

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