: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: #8f7014;
--cb-color-bg-fill-brand-hovered: #9d8131;
--cb-color-bg-fill-brand-pressed: #a58d43;
--cb-color-bg-fill-brand-selected: #a1873a;
--cb-color-bg-fill-brand-disabled: #b7a469;
--cb-color-text-brand: #8f7014;
--cb-color-text-brand-hovered: #987b26;
--cb-color-text-brand-pressed: #a58d43;
--cb-color-text-brand-selected: #9d8131;
--cb-color-text-brand-disabled: #b7a469;
--cb-color-bg-surface-brand: #f6f4ed;
--cb-color-bg-surface-brand-hovered: #ede8d9;
--cb-color-bg-surface-brand-pressed: #e4ddc7;
--cb-color-bg-surface-brand-selected: #f1eee2;
--cb-color-bg-surface-brand-disabled: #fbf9f6;
--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: #8f7014;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #8a6c13;
--cb-color-text-brand-hovered: #937826;
--cb-color-text-brand-pressed: #a18942;
--cb-color-text-brand-selected: #987e30;
--cb-color-text-brand-disabled: #b4a168;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #7e6212;
--cb-color-bg-fill-brand-pressed: #725a10;
--cb-color-bg-fill-brand-selected: #785e11;
--cb-color-bg-fill-brand-disabled: #5b480d;
--cb-color-text-brand-hovered: #846712;
--cb-color-text-brand-pressed: #725a10;
--cb-color-text-brand-selected: #7e6212;
--cb-color-text-brand-disabled: #5b480d;
--cb-color-bg-surface-brand: #171203;
--cb-color-bg-surface-brand-hovered: #221b05;
--cb-color-bg-surface-brand-pressed: #2e2406;
--cb-color-bg-surface-brand-selected: #1d1604;
--cb-color-bg-surface-brand-disabled: #110e02;
--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: #353021;
--cb-color-bg-surface-brand-hovered: #3e3620;
--cb-color-bg-surface-brand-pressed: #463c1f;
--cb-color-bg-surface-brand-selected: #393321;
--cb-color-bg-surface-brand-disabled: #312d22;}
:root{--al-color-border-selected: #927218;
--al-color-border-elevated-selected: #927218;
--al-color-outline-focused: #3c2a00;
--al-color-bg-surface-brand: #f1ecdf;
--al-color-bg-surface-brand-hovered: #e6dcc4;
--al-color-bg-surface-brand-pressed: #dcceab;
--al-color-bg-surface-brand-selected: #dcceab;
--al-color-bg-surface-brand-disabled: #f7f4ed;
--al-color-bg-surface-brand-elevated: #f1ecdf;
--al-color-bg-surface-brand-elevated-hovered: #e6dcc4;
--al-color-bg-surface-brand-elevated-pressed: #dcceab;
--al-color-bg-surface-brand-elevated-selected: #dcceab;
--al-color-bg-surface-brand-elevated-disabled: #f7f4ed;
--al-color-bg-fill-brand: #927218;
--al-color-bg-fill-brand-hovered: #816300;
--al-color-bg-fill-brand-pressed: #705400;
--al-color-bg-fill-brand-selected: #604600;
--al-color-bg-fill-brand-disabled: #d2c094;
--al-color-text-brand: #816300;
--al-color-text-brand-hovered: #705400;
--al-color-text-brand-pressed: #604600;
--al-color-text-brand-selected: #4e3900;
--al-color-text-brand-disabled: #c8b37e;
--al-color-text-on-bg-fill-brand: #fcfbf9;
--al-color-text-on-bg-fill-brand-hovered: #fcfbf9;
--al-color-text-on-bg-fill-brand-pressed: #fcfbf9;
--al-color-text-on-bg-fill-brand-selected: #fcfbf9;
--al-color-text-on-bg-fill-brand-disabled: #f7f4ed;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #816300;
--al-color-border-elevated-selected: #816300;
--al-color-bg-fill-brand: #816300;
--al-color-bg-fill-brand-hovered: #705400;
--al-color-bg-fill-brand-pressed: #604600;
--al-color-bg-fill-brand-selected: #4e3900;
--al-color-text-brand: #604600;
--al-color-text-brand-hovered: #4e3900;
--al-color-text-brand-pressed: #3c2a00;
--al-color-text-brand-selected: #261900;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #997b25;
--al-color-border-elevated-selected: #a98c41;
--al-color-outline-focused: #e9dfca;
--al-color-bg-surface-brand: #291b00;
--al-color-bg-surface-brand-hovered: #372600;
--al-color-bg-surface-brand-pressed: #433000;
--al-color-bg-surface-brand-selected: #433000;
--al-color-bg-surface-brand-disabled: #1f1400;
--al-color-bg-surface-brand-elevated: #372600;
--al-color-bg-surface-brand-elevated-hovered: #433000;
--al-color-bg-surface-brand-elevated-pressed: #4f3900;
--al-color-bg-surface-brand-elevated-selected: #4f3900;
--al-color-bg-surface-brand-elevated-disabled: #291b00;
--al-color-bg-fill-brand: #b99e5e;
--al-color-bg-fill-brand-hovered: #c8b27e;
--al-color-bg-fill-brand-pressed: #d8c8a2;
--al-color-bg-fill-brand-selected: #e9dfca;
--al-color-bg-fill-brand-disabled: #4f3900;
--al-color-text-brand: #b99e5e;
--al-color-text-brand-hovered: #c8b27e;
--al-color-text-brand-pressed: #d8c8a2;
--al-color-text-brand-selected: #e9dfca;
--al-color-text-brand-disabled: #594200;
--al-color-text-on-bg-fill-brand: #150d00;
--al-color-text-on-bg-fill-brand-hovered: #150d00;
--al-color-text-on-bg-fill-brand-pressed: #150d00;
--al-color-text-on-bg-fill-brand-selected: #150d00;
--al-color-text-on-bg-fill-brand-disabled: #1f1400;}

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