: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: #504230;
--cb-color-bg-fill-brand-hovered: #655949;
--cb-color-bg-fill-brand-pressed: #736859;
--cb-color-bg-fill-brand-selected: #6c6051;
--cb-color-bg-fill-brand-disabled: #8f867b;
--cb-color-text-brand: #504230;
--cb-color-text-brand-hovered: #5e5140;
--cb-color-text-brand-pressed: #736859;
--cb-color-text-brand-selected: #655949;
--cb-color-text-brand-disabled: #8f867b;
--cb-color-bg-surface-brand: #f1f0ef;
--cb-color-bg-surface-brand-hovered: #e3e1de;
--cb-color-bg-surface-brand-pressed: #d5d2cd;
--cb-color-bg-surface-brand-selected: #eae8e6;
--cb-color-bg-surface-brand-disabled: #f8f8f7;
--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: #504230;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #463a2a;
--cb-color-bg-fill-brand-pressed: #403526;
--cb-color-bg-fill-brand-selected: #433728;
--cb-color-bg-fill-brand-disabled: #332a1f;
--cb-color-text-brand-hovered: #4a3d2c;
--cb-color-text-brand-pressed: #403526;
--cb-color-text-brand-selected: #463a2a;
--cb-color-text-brand-disabled: #332a1f;
--cb-color-bg-surface-brand: #0d0b08;
--cb-color-bg-surface-brand-hovered: #13100b;
--cb-color-bg-surface-brand-pressed: #1a150f;
--cb-color-bg-surface-brand-selected: #100d0a;
--cb-color-bg-surface-brand-disabled: #0a0806;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2b2926;
--cb-color-bg-surface-brand-hovered: #2f2b27;
--cb-color-bg-surface-brand-pressed: #322e28;
--cb-color-bg-surface-brand-selected: #2d2a26;
--cb-color-bg-surface-brand-disabled: #292825;}
:root{--al-color-border-selected: #817465;
--al-color-border-elevated-selected: #817465;
--al-color-outline-focused: #372b1b;
--al-color-bg-surface-brand: #edebe9;
--al-color-bg-surface-brand-hovered: #dfdcd7;
--al-color-bg-surface-brand-pressed: #d3cec7;
--al-color-bg-surface-brand-selected: #d3cec7;
--al-color-bg-surface-brand-disabled: #f4f3f2;
--al-color-bg-surface-brand-elevated: #edebe9;
--al-color-bg-surface-brand-elevated-hovered: #dfdcd7;
--al-color-bg-surface-brand-elevated-pressed: #d3cec7;
--al-color-bg-surface-brand-elevated-selected: #d3cec7;
--al-color-bg-surface-brand-elevated-disabled: #f4f3f2;
--al-color-bg-fill-brand: #817465;
--al-color-bg-fill-brand-hovered: #736554;
--al-color-bg-fill-brand-pressed: #645645;
--al-color-bg-fill-brand-selected: #574836;
--al-color-bg-fill-brand-disabled: #c7c1b9;
--al-color-text-brand: #736554;
--al-color-text-brand-hovered: #645645;
--al-color-text-brand-pressed: #574836;
--al-color-text-brand-selected: #473a28;
--al-color-text-brand-disabled: #bbb3aa;
--al-color-text-on-bg-fill-brand: #fdfdfd;
--al-color-text-on-bg-fill-brand-hovered: #fdfdfd;
--al-color-text-on-bg-fill-brand-pressed: #fdfdfd;
--al-color-text-on-bg-fill-brand-selected: #fdfdfd;
--al-color-text-on-bg-fill-brand-disabled: #f4f3f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #736554;
--al-color-border-elevated-selected: #736554;
--al-color-bg-fill-brand: #736554;
--al-color-bg-fill-brand-hovered: #645645;
--al-color-bg-fill-brand-pressed: #574836;
--al-color-bg-fill-brand-selected: #473a28;
--al-color-text-brand: #574836;
--al-color-text-brand-hovered: #473a28;
--al-color-text-brand-pressed: #372b1b;
--al-color-text-brand-selected: #23190d;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #897d6d;
--al-color-border-elevated-selected: #988e80;
--al-color-outline-focused: #e3dfdc;
--al-color-bg-surface-brand: #251c0f;
--al-color-bg-surface-brand-hovered: #332718;
--al-color-bg-surface-brand-pressed: #3d3120;
--al-color-bg-surface-brand-selected: #3d3120;
--al-color-bg-surface-brand-disabled: #1d150a;
--al-color-bg-surface-brand-elevated: #332718;
--al-color-bg-surface-brand-elevated-hovered: #3d3120;
--al-color-bg-surface-brand-elevated-pressed: #483a28;
--al-color-bg-surface-brand-elevated-selected: #483a28;
--al-color-bg-surface-brand-elevated-disabled: #251c0f;
--al-color-bg-fill-brand: #aaa095;
--al-color-bg-fill-brand-hovered: #bbb3aa;
--al-color-bg-fill-brand-pressed: #cec8c2;
--al-color-bg-fill-brand-selected: #e3dfdc;
--al-color-bg-fill-brand-disabled: #483a28;
--al-color-text-brand: #aaa095;
--al-color-text-brand-hovered: #bbb3aa;
--al-color-text-brand-pressed: #cec8c2;
--al-color-text-brand-selected: #e3dfdc;
--al-color-text-brand-disabled: #514331;
--al-color-text-on-bg-fill-brand: #130c05;
--al-color-text-on-bg-fill-brand-hovered: #130c05;
--al-color-text-on-bg-fill-brand-pressed: #130c05;
--al-color-text-on-bg-fill-brand-selected: #130c05;
--al-color-text-on-bg-fill-brand-disabled: #1d150a;}

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