: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: #7b8d5f;
--cb-color-bg-fill-brand-hovered: #8b9b72;
--cb-color-bg-fill-brand-pressed: #95a47f;
--cb-color-bg-fill-brand-selected: #909f79;
--cb-color-bg-fill-brand-disabled: #abb699;
--cb-color-text-brand: #7b8d5f;
--cb-color-text-brand-hovered: #85966c;
--cb-color-text-brand-pressed: #95a47f;
--cb-color-text-brand-selected: #8b9b72;
--cb-color-text-brand-disabled: #abb699;
--cb-color-bg-surface-brand: #f5f6f2;
--cb-color-bg-surface-brand-hovered: #eaede5;
--cb-color-bg-surface-brand-pressed: #dfe4d9;
--cb-color-bg-surface-brand-selected: #eff1ec;
--cb-color-bg-surface-brand-disabled: #fafbf9;
--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: #7b8d5f;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #6b7b53;
--cb-color-bg-fill-brand-hovered: #7d8b68;
--cb-color-bg-fill-brand-pressed: #899575;
--cb-color-bg-fill-brand-selected: #83906f;
--cb-color-bg-fill-brand-disabled: #a0ab91;
--cb-color-text-brand: #66754f;
--cb-color-text-brand-hovered: #72805d;
--cb-color-text-brand-pressed: #859172;
--cb-color-text-brand-selected: #798664;
--cb-color-text-brand-disabled: #9da78e;
--cb-color-border-selected: #6b7b53;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #6c7c53;
--cb-color-bg-fill-brand-pressed: #62714c;
--cb-color-bg-fill-brand-selected: #677650;
--cb-color-bg-fill-brand-disabled: #4f5a3d;
--cb-color-text-brand-hovered: #718258;
--cb-color-text-brand-pressed: #62714c;
--cb-color-text-brand-selected: #6c7c53;
--cb-color-text-brand-disabled: #4f5a3d;
--cb-color-bg-surface-brand: #14170f;
--cb-color-bg-surface-brand-hovered: #1d2217;
--cb-color-bg-surface-brand-pressed: #282d1f;
--cb-color-bg-surface-brand-selected: #191c13;
--cb-color-bg-surface-brand-disabled: #0f110c;
--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: #32352d;
--cb-color-bg-surface-brand-hovered: #393d32;
--cb-color-bg-surface-brand-pressed: #404637;
--cb-color-bg-surface-brand-selected: #353930;
--cb-color-bg-surface-brand-disabled: #2f312b;}
:root{--al-color-border-selected: #6b7c50;
--al-color-border-elevated-selected: #6b7c50;
--al-color-outline-focused: #283019;
--al-color-bg-surface-brand: #e9ede3;
--al-color-bg-surface-brand-hovered: #d7dfcc;
--al-color-bg-surface-brand-pressed: #c8d3b8;
--al-color-bg-surface-brand-selected: #c8d3b8;
--al-color-bg-surface-brand-disabled: #f2f4ee;
--al-color-bg-surface-brand-elevated: #e9ede3;
--al-color-bg-surface-brand-elevated-hovered: #d7dfcc;
--al-color-bg-surface-brand-elevated-pressed: #c8d3b8;
--al-color-bg-surface-brand-elevated-selected: #c8d3b8;
--al-color-bg-surface-brand-elevated-disabled: #f2f4ee;
--al-color-bg-fill-brand: #6b7c50;
--al-color-bg-fill-brand-hovered: #5d6c43;
--al-color-bg-fill-brand-pressed: #4f5d38;
--al-color-bg-fill-brand-selected: #424e2e;
--al-color-bg-fill-brand-disabled: #b8c6a5;
--al-color-text-brand: #5d6c43;
--al-color-text-brand-hovered: #4f5d38;
--al-color-text-brand-pressed: #424e2e;
--al-color-text-brand-selected: #353f24;
--al-color-text-brand-disabled: #aaba94;
--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: #f2f4ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #5d6c43;
--al-color-border-elevated-selected: #5d6c43;
--al-color-bg-fill-brand: #5d6c43;
--al-color-bg-fill-brand-hovered: #4f5d38;
--al-color-bg-fill-brand-pressed: #424e2e;
--al-color-bg-fill-brand-selected: #353f24;
--al-color-text-brand: #424e2e;
--al-color-text-brand-hovered: #353f24;
--al-color-text-brand-pressed: #283019;
--al-color-text-brand-selected: #171d0d;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #738557;
--al-color-border-elevated-selected: #839668;
--al-color-outline-focused: #dbe3d2;
--al-color-bg-surface-brand: #19200f;
--al-color-bg-surface-brand-hovered: #242c17;
--al-color-bg-surface-brand-pressed: #2d361d;
--al-color-bg-surface-brand-selected: #2d361d;
--al-color-bg-surface-brand-disabled: #13180a;
--al-color-bg-surface-brand-elevated: #242c17;
--al-color-bg-surface-brand-elevated-hovered: #2d361d;
--al-color-bg-surface-brand-elevated-pressed: #354024;
--al-color-bg-surface-brand-elevated-selected: #354024;
--al-color-bg-surface-brand-elevated-disabled: #19200f;
--al-color-bg-fill-brand: #96a77c;
--al-color-bg-fill-brand-hovered: #abba94;
--al-color-bg-fill-brand-pressed: #c2ceb0;
--al-color-bg-fill-brand-selected: #dbe3d2;
--al-color-bg-fill-brand-disabled: #354024;
--al-color-text-brand: #96a77c;
--al-color-text-brand-hovered: #abba94;
--al-color-text-brand-pressed: #c2ceb0;
--al-color-text-brand-selected: #dbe3d2;
--al-color-text-brand-disabled: #3e492a;
--al-color-text-on-bg-fill-brand: #0b0f05;
--al-color-text-on-bg-fill-brand-hovered: #0b0f05;
--al-color-text-on-bg-fill-brand-pressed: #0b0f05;
--al-color-text-on-bg-fill-brand-selected: #0b0f05;
--al-color-text-on-bg-fill-brand-disabled: #13180a;}

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