: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: #4F6B1E;
--cb-color-bg-fill-brand-hovered: #647d39;
--cb-color-bg-fill-brand-pressed: #72894b;
--cb-color-bg-fill-brand-selected: #6b8342;
--cb-color-bg-fill-brand-disabled: #8ea06f;
--cb-color-text-brand: #4F6B1E;
--cb-color-text-brand-hovered: #5d7730;
--cb-color-text-brand-pressed: #72894b;
--cb-color-text-brand-selected: #647d39;
--cb-color-text-brand-disabled: #8ea06f;
--cb-color-bg-surface-brand: #f1f3ed;
--cb-color-bg-surface-brand-hovered: #e3e7db;
--cb-color-bg-surface-brand-pressed: #d5dcc9;
--cb-color-bg-surface-brand-selected: #eaede4;
--cb-color-bg-surface-brand-disabled: #f8f9f6;
--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: #4F6B1E;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #455e1a;
--cb-color-bg-fill-brand-pressed: #3f5618;
--cb-color-bg-fill-brand-selected: #425a19;
--cb-color-bg-fill-brand-disabled: #324413;
--cb-color-text-brand-hovered: #49631c;
--cb-color-text-brand-pressed: #3f5618;
--cb-color-text-brand-selected: #455e1a;
--cb-color-text-brand-disabled: #324413;
--cb-color-bg-surface-brand: #0d1105;
--cb-color-bg-surface-brand-hovered: #131a07;
--cb-color-bg-surface-brand-pressed: #19220a;
--cb-color-bg-surface-brand-selected: #101506;
--cb-color-bg-surface-brand-disabled: #0a0d04;
--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: #2b2f23;
--cb-color-bg-surface-brand-hovered: #2e3523;
--cb-color-bg-surface-brand-pressed: #323b22;
--cb-color-bg-surface-brand-selected: #2d3223;
--cb-color-bg-surface-brand-disabled: #292d23;}
:root{--al-color-border-selected: #637f38;
--al-color-border-elevated-selected: #637f38;
--al-color-outline-focused: #203200;
--al-color-bg-surface-brand: #e8ede2;
--al-color-bg-surface-brand-hovered: #d6dfcb;
--al-color-bg-surface-brand-pressed: #c6d3b6;
--al-color-bg-surface-brand-selected: #c6d3b6;
--al-color-bg-surface-brand-disabled: #f2f5ef;
--al-color-bg-surface-brand-elevated: #e8ede2;
--al-color-bg-surface-brand-elevated-hovered: #d6dfcb;
--al-color-bg-surface-brand-elevated-pressed: #c6d3b6;
--al-color-bg-surface-brand-elevated-selected: #c6d3b6;
--al-color-bg-surface-brand-elevated-disabled: #f2f5ef;
--al-color-bg-fill-brand: #637f38;
--al-color-bg-fill-brand-hovered: #547024;
--al-color-bg-fill-brand-pressed: #466113;
--al-color-bg-fill-brand-selected: #395204;
--al-color-bg-fill-brand-disabled: #b7c7a3;
--al-color-text-brand: #547024;
--al-color-text-brand-hovered: #466113;
--al-color-text-brand-pressed: #395204;
--al-color-text-brand-selected: #2d4200;
--al-color-text-brand-disabled: #a8bb90;
--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: #f2f5ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #547024;
--al-color-border-elevated-selected: #547024;
--al-color-bg-fill-brand: #547024;
--al-color-bg-fill-brand-hovered: #466113;
--al-color-bg-fill-brand-pressed: #395204;
--al-color-bg-fill-brand-selected: #2d4200;
--al-color-text-brand: #395204;
--al-color-text-brand-hovered: #2d4200;
--al-color-text-brand-pressed: #203200;
--al-color-text-brand-selected: #121f00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #6c8743;
--al-color-border-elevated-selected: #7e985b;
--al-color-outline-focused: #dbe3d2;
--al-color-bg-surface-brand: #142100;
--al-color-bg-surface-brand-hovered: #1d2e00;
--al-color-bg-surface-brand-pressed: #253900;
--al-color-bg-surface-brand-selected: #253900;
--al-color-bg-surface-brand-disabled: #0f1a00;
--al-color-bg-surface-brand-elevated: #1d2e00;
--al-color-bg-surface-brand-elevated-hovered: #253900;
--al-color-bg-surface-brand-elevated-pressed: #2d4300;
--al-color-bg-surface-brand-elevated-selected: #2d4300;
--al-color-bg-surface-brand-elevated-disabled: #142100;
--al-color-bg-fill-brand: #92a974;
--al-color-bg-fill-brand-hovered: #a8bb91;
--al-color-bg-fill-brand-pressed: #c0ceaf;
--al-color-bg-fill-brand-selected: #dbe3d2;
--al-color-bg-fill-brand-disabled: #2d4300;
--al-color-text-brand: #92a974;
--al-color-text-brand-hovered: #a8bb91;
--al-color-text-brand-pressed: #c0ceaf;
--al-color-text-brand-selected: #dbe3d2;
--al-color-text-brand-disabled: #354c01;
--al-color-text-on-bg-fill-brand: #081100;
--al-color-text-on-bg-fill-brand-hovered: #081100;
--al-color-text-on-bg-fill-brand-pressed: #081100;
--al-color-text-on-bg-fill-brand-selected: #081100;
--al-color-text-on-bg-fill-brand-disabled: #0f1a00;}

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