: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: #0f7a2a;
--cb-color-bg-fill-brand-hovered: #2c8a44;
--cb-color-bg-fill-brand-pressed: #3f9555;
--cb-color-bg-fill-brand-selected: #368f4c;
--cb-color-bg-fill-brand-disabled: #66aa77;
--cb-color-text-brand: #0f7a2a;
--cb-color-text-brand-hovered: #22843b;
--cb-color-text-brand-pressed: #3f9555;
--cb-color-text-brand-selected: #2c8a44;
--cb-color-text-brand-disabled: #66aa77;
--cb-color-bg-surface-brand: #ecf5ee;
--cb-color-bg-surface-brand-hovered: #d8eadd;
--cb-color-bg-surface-brand-pressed: #c6dfcc;
--cb-color-bg-surface-brand-selected: #e2efe5;
--cb-color-bg-surface-brand-disabled: #f6faf7;
--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: #0f7a2a;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #0d6b25;
--cb-color-bg-fill-brand-pressed: #0c6222;
--cb-color-bg-fill-brand-selected: #0d6623;
--cb-color-bg-fill-brand-disabled: #0a4e1b;
--cb-color-text-brand-hovered: #0e7027;
--cb-color-text-brand-pressed: #0c6222;
--cb-color-text-brand-selected: #0d6b25;
--cb-color-text-brand-disabled: #0a4e1b;
--cb-color-bg-surface-brand: #021407;
--cb-color-bg-surface-brand-hovered: #041d0a;
--cb-color-bg-surface-brand-pressed: #05270e;
--cb-color-bg-surface-brand-selected: #031808;
--cb-color-bg-surface-brand-disabled: #020f05;
--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: #213225;
--cb-color-bg-surface-brand-hovered: #1f3925;
--cb-color-bg-surface-brand-pressed: #1d4026;
--cb-color-bg-surface-brand-selected: #203525;
--cb-color-bg-surface-brand-disabled: #212e25;}
:root{--al-color-border-selected: #288739;
--al-color-border-elevated-selected: #288739;
--al-color-outline-focused: #003501;
--al-color-bg-surface-brand: #e2efe3;
--al-color-bg-surface-brand-hovered: #cbe3cc;
--al-color-bg-surface-brand-pressed: #b5d8b7;
--al-color-bg-surface-brand-selected: #b5d8b7;
--al-color-bg-surface-brand-disabled: #eff6ef;
--al-color-bg-surface-brand-elevated: #e2efe3;
--al-color-bg-surface-brand-elevated-hovered: #cbe3cc;
--al-color-bg-surface-brand-elevated-pressed: #b5d8b7;
--al-color-bg-surface-brand-elevated-selected: #b5d8b7;
--al-color-bg-surface-brand-elevated-disabled: #eff6ef;
--al-color-bg-fill-brand: #288739;
--al-color-bg-fill-brand-hovered: #0b7828;
--al-color-bg-fill-brand-pressed: #006719;
--al-color-bg-fill-brand-selected: #00570e;
--al-color-bg-fill-brand-disabled: #a0cda3;
--al-color-text-brand: #0b7828;
--al-color-text-brand-hovered: #006719;
--al-color-text-brand-pressed: #00570e;
--al-color-text-brand-selected: #004705;
--al-color-text-brand-disabled: #8bc28f;
--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: #eff6ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #0b7828;
--al-color-border-elevated-selected: #0b7828;
--al-color-bg-fill-brand: #0b7828;
--al-color-bg-fill-brand-hovered: #006719;
--al-color-bg-fill-brand-pressed: #00570e;
--al-color-bg-fill-brand-selected: #004705;
--al-color-text-brand: #00570e;
--al-color-text-brand-hovered: #004705;
--al-color-text-brand-pressed: #003501;
--al-color-text-brand-selected: #002100;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #369044;
--al-color-border-elevated-selected: #51a05a;
--al-color-outline-focused: #d0e6d1;
--al-color-bg-surface-brand: #002500;
--al-color-bg-surface-brand-hovered: #003101;
--al-color-bg-surface-brand-pressed: #003c02;
--al-color-bg-surface-brand-selected: #003c02;
--al-color-bg-surface-brand-disabled: #001c00;
--al-color-bg-surface-brand-elevated: #003101;
--al-color-bg-surface-brand-elevated-hovered: #003c02;
--al-color-bg-surface-brand-elevated-pressed: #004705;
--al-color-bg-surface-brand-elevated-selected: #004705;
--al-color-bg-surface-brand-elevated-disabled: #002500;
--al-color-bg-fill-brand: #6db073;
--al-color-bg-fill-brand-hovered: #8bc18f;
--al-color-bg-fill-brand-pressed: #acd3ae;
--al-color-bg-fill-brand-selected: #d0e6d1;
--al-color-bg-fill-brand-disabled: #004705;
--al-color-text-brand: #6db073;
--al-color-text-brand-hovered: #8bc18f;
--al-color-text-brand-pressed: #acd3ae;
--al-color-text-brand-selected: #d0e6d1;
--al-color-text-brand-disabled: #00510a;
--al-color-text-on-bg-fill-brand: #001200;
--al-color-text-on-bg-fill-brand-hovered: #001200;
--al-color-text-on-bg-fill-brand-pressed: #001200;
--al-color-text-on-bg-fill-brand-selected: #001200;
--al-color-text-on-bg-fill-brand-disabled: #001c00;}

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