: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: #396f2f;
--cb-color-bg-fill-brand-hovered: #518148;
--cb-color-bg-fill-brand-pressed: #618c59;
--cb-color-bg-fill-brand-selected: #598650;
--cb-color-bg-fill-brand-disabled: #80a37a;
--cb-color-text-brand: #396f2f;
--cb-color-text-brand-hovered: #497a3f;
--cb-color-text-brand-pressed: #618c59;
--cb-color-text-brand-selected: #518148;
--cb-color-text-brand-disabled: #80a37a;
--cb-color-bg-surface-brand: #eff4ef;
--cb-color-bg-surface-brand-hovered: #dfe8de;
--cb-color-bg-surface-brand-pressed: #d0ddcd;
--cb-color-bg-surface-brand-selected: #e7ede6;
--cb-color-bg-surface-brand-disabled: #f7f9f7;
--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: #396f2f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #326229;
--cb-color-bg-fill-brand-pressed: #2e5926;
--cb-color-bg-fill-brand-selected: #305d27;
--cb-color-bg-fill-brand-disabled: #24471e;
--cb-color-text-brand-hovered: #35662b;
--cb-color-text-brand-pressed: #2e5926;
--cb-color-text-brand-selected: #326229;
--cb-color-text-brand-disabled: #24471e;
--cb-color-bg-surface-brand: #091208;
--cb-color-bg-surface-brand-hovered: #0e1b0b;
--cb-color-bg-surface-brand-pressed: #12240f;
--cb-color-bg-surface-brand-selected: #0b1609;
--cb-color-bg-surface-brand-disabled: #070d06;
--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: #273026;
--cb-color-bg-surface-brand-hovered: #293627;
--cb-color-bg-surface-brand-pressed: #2b3c28;
--cb-color-bg-surface-brand-selected: #283326;
--cb-color-bg-surface-brand-disabled: #272d25;}
:root{--al-color-border-selected: #4e8345;
--al-color-border-elevated-selected: #4e8345;
--al-color-outline-focused: #0f3407;
--al-color-bg-surface-brand: #e5eee4;
--al-color-bg-surface-brand-hovered: #d1e1ce;
--al-color-bg-surface-brand-pressed: #bfd5bb;
--al-color-bg-surface-brand-selected: #bfd5bb;
--al-color-bg-surface-brand-disabled: #f1f5f0;
--al-color-bg-surface-brand-elevated: #e5eee4;
--al-color-bg-surface-brand-elevated-hovered: #d1e1ce;
--al-color-bg-surface-brand-elevated-pressed: #bfd5bb;
--al-color-bg-surface-brand-elevated-selected: #bfd5bb;
--al-color-bg-surface-brand-elevated-disabled: #f1f5f0;
--al-color-bg-fill-brand: #4e8345;
--al-color-bg-fill-brand-hovered: #3d7333;
--al-color-bg-fill-brand-pressed: #2f6425;
--al-color-bg-fill-brand-selected: #23551a;
--al-color-bg-fill-brand-disabled: #adc9a8;
--al-color-text-brand: #3d7333;
--al-color-text-brand-hovered: #2f6425;
--al-color-text-brand-pressed: #23551a;
--al-color-text-brand-selected: #194510;
--al-color-text-brand-disabled: #9cbd96;
--al-color-text-on-bg-fill-brand: #fafcfa;
--al-color-text-on-bg-fill-brand-hovered: #fafcfa;
--al-color-text-on-bg-fill-brand-pressed: #fafcfa;
--al-color-text-on-bg-fill-brand-selected: #fafcfa;
--al-color-text-on-bg-fill-brand-disabled: #f1f5f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #3d7333;
--al-color-border-elevated-selected: #3d7333;
--al-color-bg-fill-brand: #3d7333;
--al-color-bg-fill-brand-hovered: #2f6425;
--al-color-bg-fill-brand-pressed: #23551a;
--al-color-bg-fill-brand-selected: #194510;
--al-color-text-brand: #23551a;
--al-color-text-brand-hovered: #194510;
--al-color-text-brand-pressed: #0f3407;
--al-color-text-brand-selected: #062002;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #598b50;
--al-color-border-elevated-selected: #6d9b64;
--al-color-outline-focused: #d7e4d4;
--al-color-bg-surface-brand: #072403;
--al-color-bg-surface-brand-hovered: #0d3006;
--al-color-bg-surface-brand-pressed: #133b0a;
--al-color-bg-surface-brand-selected: #133b0a;
--al-color-bg-surface-brand-disabled: #041c02;
--al-color-bg-surface-brand-elevated: #0d3006;
--al-color-bg-surface-brand-elevated-hovered: #133b0a;
--al-color-bg-surface-brand-elevated-pressed: #194610;
--al-color-bg-surface-brand-elevated-selected: #194610;
--al-color-bg-surface-brand-elevated-disabled: #072403;
--al-color-bg-fill-brand: #84ac7c;
--al-color-bg-fill-brand-hovered: #9dbd96;
--al-color-bg-fill-brand-pressed: #b9d0b4;
--al-color-bg-fill-brand-selected: #d7e4d4;
--al-color-bg-fill-brand-disabled: #194610;
--al-color-text-brand: #84ac7c;
--al-color-text-brand-hovered: #9dbd96;
--al-color-text-brand-pressed: #b9d0b4;
--al-color-text-brand-selected: #d7e4d4;
--al-color-text-brand-disabled: #1f4f16;
--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: #041c02;}

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