: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: #9bc037;
--cb-color-bg-fill-brand-hovered: #a7c84f;
--cb-color-bg-fill-brand-pressed: #afcd5f;
--cb-color-bg-fill-brand-selected: #abca57;
--cb-color-bg-fill-brand-disabled: #bfd77f;
--cb-color-text-brand: #9bc037;
--cb-color-text-brand-hovered: #a3c547;
--cb-color-text-brand-pressed: #afcd5f;
--cb-color-text-brand-selected: #a7c84f;
--cb-color-text-brand-disabled: #bfd77f;
--cb-color-bg-surface-brand: #f7faef;
--cb-color-bg-surface-brand-hovered: #eff5df;
--cb-color-bg-surface-brand-pressed: #e7f0cf;
--cb-color-bg-surface-brand-selected: #f3f7e7;
--cb-color-bg-surface-brand-disabled: #fbfdf7;
--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: #9bc037;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #637b23;
--cb-color-bg-fill-brand-hovered: #768b3e;
--cb-color-bg-fill-brand-pressed: #82954f;
--cb-color-bg-fill-brand-selected: #7c9046;
--cb-color-bg-fill-brand-disabled: #9bab72;
--cb-color-text-brand: #607622;
--cb-color-text-brand-hovered: #6c8133;
--cb-color-text-brand-pressed: #80914e;
--cb-color-text-brand-selected: #73873d;
--cb-color-text-brand-disabled: #99a772;
--cb-color-border-selected: #637b23;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #88a930;
--cb-color-bg-fill-brand-pressed: #7c9a2c;
--cb-color-bg-fill-brand-selected: #82a12e;
--cb-color-bg-fill-brand-disabled: #637b23;
--cb-color-text-brand-hovered: #8fb133;
--cb-color-text-brand-pressed: #7c9a2c;
--cb-color-text-brand-selected: #88a930;
--cb-color-text-brand-disabled: #637b23;
--cb-color-bg-surface-brand: #191f09;
--cb-color-bg-surface-brand-hovered: #252e0d;
--cb-color-bg-surface-brand-pressed: #323e12;
--cb-color-bg-surface-brand-selected: #1f260b;
--cb-color-bg-surface-brand-disabled: #131707;
--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: #373d27;
--cb-color-bg-surface-brand-hovered: #404929;
--cb-color-bg-surface-brand-pressed: #4a562a;
--cb-color-bg-surface-brand-selected: #3c4328;
--cb-color-bg-surface-brand-disabled: #323726;}
:root{--al-color-border-selected: #648001;
--al-color-border-elevated-selected: #648001;
--al-color-outline-focused: #243100;
--al-color-bg-surface-brand: #def3b6;
--al-color-bg-surface-brand-hovered: #c9e888;
--al-color-bg-surface-brand-pressed: #b7db66;
--al-color-bg-surface-brand-selected: #b7db66;
--al-color-bg-surface-brand-disabled: #eaf8d2;
--al-color-bg-surface-brand-elevated: #def3b6;
--al-color-bg-surface-brand-elevated-hovered: #c9e888;
--al-color-bg-surface-brand-elevated-pressed: #b7db66;
--al-color-bg-surface-brand-elevated-selected: #b7db66;
--al-color-bg-surface-brand-elevated-disabled: #eaf8d2;
--al-color-bg-fill-brand: #648001;
--al-color-bg-fill-brand-hovered: #577000;
--al-color-bg-fill-brand-pressed: #4a6000;
--al-color-bg-fill-brand-selected: #3e5100;
--al-color-bg-fill-brand-disabled: #aacf4d;
--al-color-text-brand: #577000;
--al-color-text-brand-hovered: #4a6000;
--al-color-text-brand-pressed: #3e5100;
--al-color-text-brand-selected: #314200;
--al-color-text-brand-disabled: #9dc23a;
--al-color-text-on-bg-fill-brand: #fbfdf7;
--al-color-text-on-bg-fill-brand-hovered: #fbfdf7;
--al-color-text-on-bg-fill-brand-pressed: #fbfdf7;
--al-color-text-on-bg-fill-brand-selected: #fbfdf7;
--al-color-text-on-bg-fill-brand-disabled: #eaf8d2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #577000;
--al-color-border-elevated-selected: #577000;
--al-color-bg-fill-brand: #577000;
--al-color-bg-fill-brand-hovered: #4a6000;
--al-color-bg-fill-brand-pressed: #3e5100;
--al-color-bg-fill-brand-selected: #314200;
--al-color-text-brand: #3e5100;
--al-color-text-brand-hovered: #314200;
--al-color-text-brand-pressed: #243100;
--al-color-text-brand-selected: #151e00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #6c8906;
--al-color-border-elevated-selected: #7a9b13;
--al-color-outline-focused: #ceeb94;
--al-color-bg-surface-brand: #172100;
--al-color-bg-surface-brand-hovered: #212d00;
--al-color-bg-surface-brand-pressed: #2a3800;
--al-color-bg-surface-brand-selected: #2a3800;
--al-color-bg-surface-brand-disabled: #121a00;
--al-color-bg-surface-brand-elevated: #212d00;
--al-color-bg-surface-brand-elevated-hovered: #2a3800;
--al-color-bg-surface-brand-elevated-pressed: #324200;
--al-color-bg-surface-brand-elevated-selected: #324200;
--al-color-bg-surface-brand-elevated-disabled: #172100;
--al-color-bg-fill-brand: #8aae23;
--al-color-bg-fill-brand-hovered: #9cc239;
--al-color-bg-fill-brand-pressed: #b2d65c;
--al-color-bg-fill-brand-selected: #ceeb94;
--al-color-bg-fill-brand-disabled: #324200;
--al-color-text-brand: #8aae23;
--al-color-text-brand-hovered: #9cc239;
--al-color-text-brand-pressed: #b2d65c;
--al-color-text-brand-selected: #ceeb94;
--al-color-text-brand-disabled: #394b00;
--al-color-text-on-bg-fill-brand: #0a1000;
--al-color-text-on-bg-fill-brand-hovered: #0a1000;
--al-color-text-on-bg-fill-brand-pressed: #0a1000;
--al-color-text-on-bg-fill-brand-selected: #0a1000;
--al-color-text-on-bg-fill-brand-disabled: #121a00;}

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