: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: #8a6a2e;
--cb-color-bg-fill-brand-hovered: #987c47;
--cb-color-bg-fill-brand-pressed: #a18858;
--cb-color-bg-fill-brand-selected: #9d8250;
--cb-color-bg-fill-brand-disabled: #b4a079;
--cb-color-text-brand: #8a6a2e;
--cb-color-text-brand-hovered: #93763e;
--cb-color-text-brand-pressed: #a18858;
--cb-color-text-brand-selected: #987c47;
--cb-color-text-brand-disabled: #b4a079;
--cb-color-bg-surface-brand: #f6f3ef;
--cb-color-bg-surface-brand-hovered: #ece7dd;
--cb-color-bg-surface-brand-pressed: #e3dbcd;
--cb-color-bg-surface-brand-selected: #f1ede6;
--cb-color-bg-surface-brand-disabled: #faf9f7;
--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: #8a6a2e;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #795d28;
--cb-color-bg-fill-brand-pressed: #6e5525;
--cb-color-bg-fill-brand-selected: #745927;
--cb-color-bg-fill-brand-disabled: #58441d;
--cb-color-text-brand-hovered: #7f622a;
--cb-color-text-brand-pressed: #6e5525;
--cb-color-text-brand-selected: #795d28;
--cb-color-text-brand-disabled: #58441d;
--cb-color-bg-surface-brand: #161107;
--cb-color-bg-surface-brand-hovered: #21190b;
--cb-color-bg-surface-brand-pressed: #2c220f;
--cb-color-bg-surface-brand-selected: #1c1509;
--cb-color-bg-surface-brand-disabled: #110d06;
--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: #342f26;
--cb-color-bg-surface-brand-hovered: #3c3526;
--cb-color-bg-surface-brand-pressed: #453b27;
--cb-color-bg-surface-brand-selected: #383226;
--cb-color-bg-surface-brand-disabled: #302d25;}
:root{--al-color-border-selected: #927136;
--al-color-border-elevated-selected: #927136;
--al-color-outline-focused: #3c2902;
--al-color-bg-surface-brand: #f1ebe1;
--al-color-bg-surface-brand-hovered: #e6dbc9;
--al-color-bg-surface-brand-pressed: #dccdb4;
--al-color-bg-surface-brand-selected: #dccdb4;
--al-color-bg-surface-brand-disabled: #f7f4ef;
--al-color-bg-surface-brand-elevated: #f1ebe1;
--al-color-bg-surface-brand-elevated-hovered: #e6dbc9;
--al-color-bg-surface-brand-elevated-pressed: #dccdb4;
--al-color-bg-surface-brand-elevated-selected: #dccdb4;
--al-color-bg-surface-brand-elevated-disabled: #f7f4ef;
--al-color-bg-fill-brand: #927136;
--al-color-bg-fill-brand-hovered: #826226;
--al-color-bg-fill-brand-pressed: #715419;
--al-color-bg-fill-brand-selected: #60460f;
--al-color-bg-fill-brand-disabled: #d2bfa0;
--al-color-text-brand: #826226;
--al-color-text-brand-hovered: #715419;
--al-color-text-brand-pressed: #60460f;
--al-color-text-brand-selected: #503807;
--al-color-text-brand-disabled: #c8b28c;
--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: #f7f4ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #826226;
--al-color-border-elevated-selected: #826226;
--al-color-bg-fill-brand: #826226;
--al-color-bg-fill-brand-hovered: #715419;
--al-color-bg-fill-brand-pressed: #60460f;
--al-color-bg-fill-brand-selected: #503807;
--al-color-text-brand: #60460f;
--al-color-text-brand-hovered: #503807;
--al-color-text-brand-pressed: #3c2902;
--al-color-text-brand-selected: #261901;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #9a7a41;
--al-color-border-elevated-selected: #a98b57;
--al-color-outline-focused: #e9dfd0;
--al-color-bg-surface-brand: #291b01;
--al-color-bg-surface-brand-hovered: #382602;
--al-color-bg-surface-brand-pressed: #432f03;
--al-color-bg-surface-brand-selected: #432f03;
--al-color-bg-surface-brand-disabled: #201400;
--al-color-bg-surface-brand-elevated: #382602;
--al-color-bg-surface-brand-elevated-hovered: #432f03;
--al-color-bg-surface-brand-elevated-pressed: #503807;
--al-color-bg-surface-brand-elevated-selected: #503807;
--al-color-bg-surface-brand-elevated-disabled: #291b01;
--al-color-bg-fill-brand: #b89e6f;
--al-color-bg-fill-brand-hovered: #c8b28c;
--al-color-bg-fill-brand-pressed: #d8c7ac;
--al-color-bg-fill-brand-selected: #e9dfd0;
--al-color-bg-fill-brand-disabled: #503807;
--al-color-text-brand: #b89e6f;
--al-color-text-brand-hovered: #c8b28c;
--al-color-text-brand-pressed: #d8c7ac;
--al-color-text-brand-selected: #e9dfd0;
--al-color-text-brand-disabled: #5a410c;
--al-color-text-on-bg-fill-brand: #130b00;
--al-color-text-on-bg-fill-brand-hovered: #130b00;
--al-color-text-on-bg-fill-brand-pressed: #130b00;
--al-color-text-on-bg-fill-brand-selected: #130b00;
--al-color-text-on-bg-fill-brand-disabled: #201400;}

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