: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: #6b7057;
--cb-color-bg-fill-brand-hovered: #7d816b;
--cb-color-bg-fill-brand-pressed: #898d79;
--cb-color-bg-fill-brand-selected: #838772;
--cb-color-bg-fill-brand-disabled: #a0a494;
--cb-color-text-brand: #6b7057;
--cb-color-text-brand-hovered: #777b64;
--cb-color-text-brand-pressed: #898d79;
--cb-color-text-brand-selected: #7d816b;
--cb-color-text-brand-disabled: #a0a494;
--cb-color-bg-surface-brand: #f3f4f2;
--cb-color-bg-surface-brand-hovered: #e7e8e4;
--cb-color-bg-surface-brand-pressed: #dcddd7;
--cb-color-bg-surface-brand-selected: #edeeeb;
--cb-color-bg-surface-brand-disabled: #f9f9f8;
--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: #6b7057;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #5e624c;
--cb-color-bg-fill-brand-pressed: #565a46;
--cb-color-bg-fill-brand-selected: #5a5e49;
--cb-color-bg-fill-brand-disabled: #444838;
--cb-color-text-brand-hovered: #636750;
--cb-color-text-brand-pressed: #565a46;
--cb-color-text-brand-selected: #5e624c;
--cb-color-text-brand-disabled: #444838;
--cb-color-bg-surface-brand: #11120e;
--cb-color-bg-surface-brand-hovered: #1a1b15;
--cb-color-bg-surface-brand-pressed: #22241c;
--cb-color-bg-surface-brand-selected: #151611;
--cb-color-bg-surface-brand-disabled: #0d0e0b;
--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: #2f302c;
--cb-color-bg-surface-brand-hovered: #353630;
--cb-color-bg-surface-brand-pressed: #3b3c34;
--cb-color-bg-surface-brand-selected: #32332e;
--cb-color-bg-surface-brand-disabled: #2d2d2a;}
:root{--al-color-border-selected: #747960;
--al-color-border-elevated-selected: #747960;
--al-color-outline-focused: #2c2e1f;
--al-color-bg-surface-brand: #ebece8;
--al-color-bg-surface-brand-hovered: #dcddd5;
--al-color-bg-surface-brand-pressed: #ced0c5;
--al-color-bg-surface-brand-selected: #ced0c5;
--al-color-bg-surface-brand-disabled: #f4f4f2;
--al-color-bg-surface-brand-elevated: #ebece8;
--al-color-bg-surface-brand-elevated-hovered: #dcddd5;
--al-color-bg-surface-brand-elevated-pressed: #ced0c5;
--al-color-bg-surface-brand-elevated-selected: #ced0c5;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f2;
--al-color-bg-fill-brand: #747960;
--al-color-bg-fill-brand-hovered: #646951;
--al-color-bg-fill-brand-pressed: #565b44;
--al-color-bg-fill-brand-selected: #484c38;
--al-color-bg-fill-brand-disabled: #c0c3b5;
--al-color-text-brand: #646951;
--al-color-text-brand-hovered: #565b44;
--al-color-text-brand-pressed: #484c38;
--al-color-text-brand-selected: #3a3e2c;
--al-color-text-brand-disabled: #b2b6a5;
--al-color-text-on-bg-fill-brand: #fbfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fbfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fbfbfb;
--al-color-text-on-bg-fill-brand-selected: #fbfbfb;
--al-color-text-on-bg-fill-brand-disabled: #f4f4f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #646951;
--al-color-border-elevated-selected: #646951;
--al-color-bg-fill-brand: #646951;
--al-color-bg-fill-brand-hovered: #565b44;
--al-color-bg-fill-brand-pressed: #484c38;
--al-color-bg-fill-brand-selected: #3a3e2c;
--al-color-text-brand: #484c38;
--al-color-text-brand-hovered: #3a3e2c;
--al-color-text-brand-pressed: #2c2e1f;
--al-color-text-brand-selected: #1a1c12;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #7c8169;
--al-color-border-elevated-selected: #8d927b;
--al-color-outline-focused: #dfe1da;
--al-color-bg-surface-brand: #1d1f14;
--al-color-bg-surface-brand-hovered: #282b1d;
--al-color-bg-surface-brand-pressed: #313424;
--al-color-bg-surface-brand-selected: #313424;
--al-color-bg-surface-brand-disabled: #16170e;
--al-color-bg-surface-brand-elevated: #282b1d;
--al-color-bg-surface-brand-elevated-hovered: #313424;
--al-color-bg-surface-brand-elevated-pressed: #3b3e2c;
--al-color-bg-surface-brand-elevated-selected: #3b3e2c;
--al-color-bg-surface-brand-elevated-disabled: #1d1f14;
--al-color-bg-fill-brand: #9fa38f;
--al-color-bg-fill-brand-hovered: #b3b6a5;
--al-color-bg-fill-brand-pressed: #c8cbbe;
--al-color-bg-fill-brand-selected: #dfe1da;
--al-color-bg-fill-brand-disabled: #3b3e2c;
--al-color-text-brand: #9fa38f;
--al-color-text-brand-hovered: #b3b6a5;
--al-color-text-brand-pressed: #c8cbbe;
--al-color-text-brand-selected: #dfe1da;
--al-color-text-brand-disabled: #434733;
--al-color-text-on-bg-fill-brand: #0d0e07;
--al-color-text-on-bg-fill-brand-hovered: #0d0e07;
--al-color-text-on-bg-fill-brand-pressed: #0d0e07;
--al-color-text-on-bg-fill-brand-selected: #0d0e07;
--al-color-text-on-bg-fill-brand-disabled: #16170e;}

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