: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: #705d38;
--cb-color-bg-fill-brand-hovered: #817150;
--cb-color-bg-fill-brand-pressed: #8d7d60;
--cb-color-bg-fill-brand-selected: #877758;
--cb-color-bg-fill-brand-disabled: #a49780;
--cb-color-text-brand: #705d38;
--cb-color-text-brand-hovered: #7b6a48;
--cb-color-text-brand-pressed: #8d7d60;
--cb-color-text-brand-selected: #817150;
--cb-color-text-brand-disabled: #a49780;
--cb-color-bg-surface-brand: #f4f2ef;
--cb-color-bg-surface-brand-hovered: #e8e5df;
--cb-color-bg-surface-brand-pressed: #ddd8cf;
--cb-color-bg-surface-brand-selected: #eeebe7;
--cb-color-bg-surface-brand-disabled: #f9f9f7;
--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: #705d38;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #625231;
--cb-color-bg-fill-brand-pressed: #5a4a2d;
--cb-color-bg-fill-brand-selected: #5e4e2f;
--cb-color-bg-fill-brand-disabled: #483b24;
--cb-color-text-brand-hovered: #675634;
--cb-color-text-brand-pressed: #5a4a2d;
--cb-color-text-brand-selected: #625231;
--cb-color-text-brand-disabled: #483b24;
--cb-color-bg-surface-brand: #120f09;
--cb-color-bg-surface-brand-hovered: #1b160d;
--cb-color-bg-surface-brand-pressed: #241e12;
--cb-color-bg-surface-brand-selected: #16130b;
--cb-color-bg-surface-brand-disabled: #0e0b07;
--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: #302d27;
--cb-color-bg-surface-brand-hovered: #363229;
--cb-color-bg-surface-brand-pressed: #3c362a;
--cb-color-bg-surface-brand-selected: #332f28;
--cb-color-bg-surface-brand-disabled: #2d2b26;}
:root{--al-color-border-selected: #877450;
--al-color-border-elevated-selected: #877450;
--al-color-outline-focused: #382b11;
--al-color-bg-surface-brand: #efece7;
--al-color-bg-surface-brand-hovered: #e2dcd2;
--al-color-bg-surface-brand-pressed: #d6cec0;
--al-color-bg-surface-brand-selected: #d6cec0;
--al-color-bg-surface-brand-disabled: #f5f4f1;
--al-color-bg-surface-brand-elevated: #efece7;
--al-color-bg-surface-brand-elevated-hovered: #e2dcd2;
--al-color-bg-surface-brand-elevated-pressed: #d6cec0;
--al-color-bg-surface-brand-elevated-selected: #d6cec0;
--al-color-bg-surface-brand-elevated-disabled: #f5f4f1;
--al-color-bg-fill-brand: #877450;
--al-color-bg-fill-brand-hovered: #786440;
--al-color-bg-fill-brand-pressed: #695632;
--al-color-bg-fill-brand-selected: #594825;
--al-color-bg-fill-brand-disabled: #cac0ad;
--al-color-text-brand: #786440;
--al-color-text-brand-hovered: #695632;
--al-color-text-brand-pressed: #594825;
--al-color-text-brand-selected: #493a1b;
--al-color-text-brand-disabled: #bfb39d;
--al-color-text-on-bg-fill-brand: #fcfbfa;
--al-color-text-on-bg-fill-brand-hovered: #fcfbfa;
--al-color-text-on-bg-fill-brand-pressed: #fcfbfa;
--al-color-text-on-bg-fill-brand-selected: #fcfbfa;
--al-color-text-on-bg-fill-brand-disabled: #f5f4f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #786440;
--al-color-border-elevated-selected: #786440;
--al-color-bg-fill-brand: #786440;
--al-color-bg-fill-brand-hovered: #695632;
--al-color-bg-fill-brand-pressed: #594825;
--al-color-bg-fill-brand-selected: #493a1b;
--al-color-text-brand: #594825;
--al-color-text-brand-hovered: #493a1b;
--al-color-text-brand-pressed: #382b11;
--al-color-text-brand-selected: #231907;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #8f7c5a;
--al-color-border-elevated-selected: #9e8d6e;
--al-color-outline-focused: #e4e0d7;
--al-color-bg-surface-brand: #261c08;
--al-color-bg-surface-brand-hovered: #33270e;
--al-color-bg-surface-brand-pressed: #3f3115;
--al-color-bg-surface-brand-selected: #3f3115;
--al-color-bg-surface-brand-disabled: #1d1505;
--al-color-bg-surface-brand-elevated: #33270e;
--al-color-bg-surface-brand-elevated-hovered: #3f3115;
--al-color-bg-surface-brand-elevated-pressed: #4a3a1b;
--al-color-bg-surface-brand-elevated-selected: #4a3a1b;
--al-color-bg-surface-brand-elevated-disabled: #261c08;
--al-color-bg-fill-brand: #aea085;
--al-color-bg-fill-brand-hovered: #bfb39d;
--al-color-bg-fill-brand-pressed: #d1c8b8;
--al-color-bg-fill-brand-selected: #e4e0d7;
--al-color-bg-fill-brand-disabled: #4a3a1b;
--al-color-text-brand: #aea085;
--al-color-text-brand-hovered: #bfb39d;
--al-color-text-brand-pressed: #d1c8b8;
--al-color-text-brand-selected: #e4e0d7;
--al-color-text-brand-disabled: #534321;
--al-color-text-on-bg-fill-brand: #130d03;
--al-color-text-on-bg-fill-brand-hovered: #130d03;
--al-color-text-on-bg-fill-brand-pressed: #130d03;
--al-color-text-on-bg-fill-brand-selected: #130d03;
--al-color-text-on-bg-fill-brand-disabled: #1d1505;}

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