: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: #296029;
--cb-color-bg-fill-brand-hovered: #437343;
--cb-color-bg-fill-brand-pressed: #548054;
--cb-color-bg-fill-brand-selected: #4b7a4b;
--cb-color-bg-fill-brand-disabled: #769976;
--cb-color-text-brand: #296029;
--cb-color-text-brand-hovered: #3a6c3a;
--cb-color-text-brand-pressed: #548054;
--cb-color-text-brand-selected: #437343;
--cb-color-text-brand-disabled: #769976;
--cb-color-bg-surface-brand: #eef3ee;
--cb-color-bg-surface-brand-hovered: #dde5dd;
--cb-color-bg-surface-brand-pressed: #ccd9cc;
--cb-color-bg-surface-brand-selected: #e5ece5;
--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: #296029;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #245424;
--cb-color-bg-fill-brand-pressed: #214d21;
--cb-color-bg-fill-brand-selected: #225122;
--cb-color-bg-fill-brand-disabled: #1a3d1a;
--cb-color-text-brand-hovered: #265826;
--cb-color-text-brand-pressed: #214d21;
--cb-color-text-brand-selected: #245424;
--cb-color-text-brand-disabled: #1a3d1a;
--cb-color-bg-surface-brand: #070f07;
--cb-color-bg-surface-brand-hovered: #0a170a;
--cb-color-bg-surface-brand-pressed: #0d1f0d;
--cb-color-bg-surface-brand-selected: #081308;
--cb-color-bg-surface-brand-disabled: #050c05;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #252e25;
--cb-color-bg-surface-brand-hovered: #253225;
--cb-color-bg-surface-brand-pressed: #263726;
--cb-color-bg-surface-brand-selected: #253025;
--cb-color-bg-surface-brand-disabled: #252b25;}
:root{--al-color-border-selected: #518250;
--al-color-border-elevated-selected: #518250;
--al-color-outline-focused: #073509;
--al-color-bg-surface-brand: #e5ede5;
--al-color-bg-surface-brand-hovered: #d3e0d2;
--al-color-bg-surface-brand-pressed: #c0d4bf;
--al-color-bg-surface-brand-selected: #c0d4bf;
--al-color-bg-surface-brand-disabled: #f1f5f0;
--al-color-bg-surface-brand-elevated: #e5ede5;
--al-color-bg-surface-brand-elevated-hovered: #d3e0d2;
--al-color-bg-surface-brand-elevated-pressed: #c0d4bf;
--al-color-bg-surface-brand-elevated-selected: #c0d4bf;
--al-color-bg-surface-brand-elevated-disabled: #f1f5f0;
--al-color-bg-fill-brand: #518250;
--al-color-bg-fill-brand-hovered: #3e733d;
--al-color-bg-fill-brand-pressed: #2e642d;
--al-color-bg-fill-brand-selected: #1f551f;
--al-color-bg-fill-brand-disabled: #b0c8ae;
--al-color-text-brand: #3e733d;
--al-color-text-brand-hovered: #2e642d;
--al-color-text-brand-pressed: #1f551f;
--al-color-text-brand-selected: #124513;
--al-color-text-brand-disabled: #9fbc9d;
--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: #3e733d;
--al-color-border-elevated-selected: #3e733d;
--al-color-bg-fill-brand: #3e733d;
--al-color-bg-fill-brand-hovered: #2e642d;
--al-color-bg-fill-brand-pressed: #1f551f;
--al-color-bg-fill-brand-selected: #124513;
--al-color-text-brand: #1f551f;
--al-color-text-brand-hovered: #124513;
--al-color-text-brand-pressed: #073509;
--al-color-text-brand-selected: #022103;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5b8a5a;
--al-color-border-elevated-selected: #6f9a6d;
--al-color-outline-focused: #d7e3d7;
--al-color-bg-surface-brand: #022403;
--al-color-bg-surface-brand-hovered: #063107;
--al-color-bg-surface-brand-pressed: #0b3b0d;
--al-color-bg-surface-brand-selected: #0b3b0d;
--al-color-bg-surface-brand-disabled: #011c02;
--al-color-bg-surface-brand-elevated: #063107;
--al-color-bg-surface-brand-elevated-hovered: #0b3b0d;
--al-color-bg-surface-brand-elevated-pressed: #124614;
--al-color-bg-surface-brand-elevated-selected: #124614;
--al-color-bg-surface-brand-elevated-disabled: #022403;
--al-color-bg-fill-brand: #86ab84;
--al-color-bg-fill-brand-hovered: #9fbc9d;
--al-color-bg-fill-brand-pressed: #bacfb9;
--al-color-bg-fill-brand-selected: #d7e3d7;
--al-color-bg-fill-brand-disabled: #124614;
--al-color-text-brand: #86ab84;
--al-color-text-brand-hovered: #9fbc9d;
--al-color-text-brand-pressed: #bacfb9;
--al-color-text-brand-selected: #d7e3d7;
--al-color-text-brand-disabled: #1a4f1b;
--al-color-text-on-bg-fill-brand: #001101;
--al-color-text-on-bg-fill-brand-hovered: #001101;
--al-color-text-on-bg-fill-brand-pressed: #001101;
--al-color-text-on-bg-fill-brand-selected: #001101;
--al-color-text-on-bg-fill-brand-disabled: #011c02;}

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