: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: #a75d1c;
--cb-color-bg-fill-brand-hovered: #b27138;
--cb-color-bg-fill-brand-pressed: #b97d49;
--cb-color-bg-fill-brand-selected: #b57740;
--cb-color-bg-fill-brand-disabled: #c7976e;
--cb-color-text-brand: #a75d1c;
--cb-color-text-brand-hovered: #ae6a2e;
--cb-color-text-brand-pressed: #b97d49;
--cb-color-text-brand-selected: #b27138;
--cb-color-text-brand-disabled: #c7976e;
--cb-color-bg-surface-brand: #f8f2ed;
--cb-color-bg-surface-brand-hovered: #f1e5db;
--cb-color-bg-surface-brand-pressed: #ead8c9;
--cb-color-bg-surface-brand-selected: #f4ebe3;
--cb-color-bg-surface-brand-disabled: #fcf9f6;
--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: #a75d1c;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #a65d1c;
--cb-color-text-brand-hovered: #ad6a2e;
--cb-color-text-brand-pressed: #b87d49;
--cb-color-text-brand-selected: #b17138;
--cb-color-text-brand-disabled: #c6976e;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #935219;
--cb-color-bg-fill-brand-pressed: #864a16;
--cb-color-bg-fill-brand-selected: #8c4e17;
--cb-color-bg-fill-brand-disabled: #6b3b12;
--cb-color-text-brand-hovered: #9a561a;
--cb-color-text-brand-pressed: #864a16;
--cb-color-text-brand-selected: #935219;
--cb-color-text-brand-disabled: #6b3b12;
--cb-color-bg-surface-brand: #1b0f05;
--cb-color-bg-surface-brand-hovered: #281607;
--cb-color-bg-surface-brand-pressed: #361e09;
--cb-color-bg-surface-brand-selected: #211306;
--cb-color-bg-surface-brand-disabled: #140b03;
--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: #392d23;
--cb-color-bg-surface-brand-hovered: #433222;
--cb-color-bg-surface-brand-pressed: #4e3621;
--cb-color-bg-surface-brand-selected: #3e2f22;
--cb-color-bg-surface-brand-disabled: #342b23;}
:root{--al-color-border-selected: #ae6425;
--al-color-border-elevated-selected: #ae6425;
--al-color-outline-focused: #4c2100;
--al-color-bg-surface-brand: #f7e9df;
--al-color-bg-surface-brand-hovered: #f1d8c7;
--al-color-bg-surface-brand-pressed: #ecc8b0;
--al-color-bg-surface-brand-selected: #ecc8b0;
--al-color-bg-surface-brand-disabled: #faf3ee;
--al-color-bg-surface-brand-elevated: #f7e9df;
--al-color-bg-surface-brand-elevated-hovered: #f1d8c7;
--al-color-bg-surface-brand-elevated-pressed: #ecc8b0;
--al-color-bg-surface-brand-elevated-selected: #ecc8b0;
--al-color-bg-surface-brand-elevated-disabled: #faf3ee;
--al-color-bg-fill-brand: #ae6425;
--al-color-bg-fill-brand-hovered: #9d5410;
--al-color-bg-fill-brand-pressed: #8a4700;
--al-color-bg-fill-brand-selected: #773900;
--al-color-bg-fill-brand-disabled: #e5b899;
--al-color-text-brand: #9d5410;
--al-color-text-brand-hovered: #8a4700;
--al-color-text-brand-pressed: #773900;
--al-color-text-brand-selected: #632d00;
--al-color-text-brand-disabled: #deaa84;
--al-color-text-on-bg-fill-brand: #fdfbf9;
--al-color-text-on-bg-fill-brand-hovered: #fdfbf9;
--al-color-text-on-bg-fill-brand-pressed: #fdfbf9;
--al-color-text-on-bg-fill-brand-selected: #fdfbf9;
--al-color-text-on-bg-fill-brand-disabled: #faf3ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #9d5410;
--al-color-border-elevated-selected: #9d5410;
--al-color-bg-fill-brand: #9d5410;
--al-color-bg-fill-brand-hovered: #8a4700;
--al-color-bg-fill-brand-pressed: #773900;
--al-color-bg-fill-brand-selected: #632d00;
--al-color-text-brand: #773900;
--al-color-text-brand-hovered: #632d00;
--al-color-text-brand-pressed: #4c2100;
--al-color-text-brand-selected: #311200;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b66d31;
--al-color-border-elevated-selected: #c57f4b;
--al-color-outline-focused: #f3dccd;
--al-color-bg-surface-brand: #361500;
--al-color-bg-surface-brand-hovered: #471e00;
--al-color-bg-surface-brand-pressed: #552600;
--al-color-bg-surface-brand-selected: #552600;
--al-color-bg-surface-brand-disabled: #290e00;
--al-color-bg-surface-brand-elevated: #471e00;
--al-color-bg-surface-brand-elevated-hovered: #552600;
--al-color-bg-surface-brand-elevated-pressed: #632e00;
--al-color-bg-surface-brand-elevated-selected: #632e00;
--al-color-bg-surface-brand-elevated-disabled: #361500;
--al-color-bg-fill-brand: #d29466;
--al-color-bg-fill-brand-hovered: #deaa84;
--al-color-bg-fill-brand-pressed: #e9c2a7;
--al-color-bg-fill-brand-selected: #f3dccd;
--al-color-bg-fill-brand-disabled: #632e00;
--al-color-text-brand: #d29466;
--al-color-text-brand-hovered: #deaa84;
--al-color-text-brand-pressed: #e9c2a7;
--al-color-text-brand-selected: #f3dccd;
--al-color-text-brand-disabled: #703500;
--al-color-text-on-bg-fill-brand: #1d0800;
--al-color-text-on-bg-fill-brand-hovered: #1d0800;
--al-color-text-on-bg-fill-brand-pressed: #1d0800;
--al-color-text-on-bg-fill-brand-selected: #1d0800;
--al-color-text-on-bg-fill-brand-disabled: #290e00;}

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