: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: #ac8c4c;
--cb-color-bg-fill-brand-hovered: #b69a62;
--cb-color-bg-fill-brand-pressed: #bda370;
--cb-color-bg-fill-brand-selected: #b99e69;
--cb-color-bg-fill-brand-disabled: #cab58d;
--cb-color-text-brand: #ac8c4c;
--cb-color-text-brand-hovered: #b3955a;
--cb-color-text-brand-pressed: #bda370;
--cb-color-text-brand-selected: #b69a62;
--cb-color-text-brand-disabled: #cab58d;
--cb-color-bg-surface-brand: #f8f6f1;
--cb-color-bg-surface-brand-hovered: #f2ede2;
--cb-color-bg-surface-brand-pressed: #ebe3d4;
--cb-color-bg-surface-brand-selected: #f5f1e9;
--cb-color-bg-surface-brand-disabled: #fcfaf8;
--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: #ac8c4c;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #8b713d;
--cb-color-bg-fill-brand-hovered: #998255;
--cb-color-bg-fill-brand-pressed: #a28d64;
--cb-color-bg-fill-brand-selected: #9e885c;
--cb-color-bg-fill-brand-disabled: #b5a483;
--cb-color-text-brand: #846c3a;
--cb-color-text-brand-hovered: #8e7849;
--cb-color-text-brand-pressed: #9d8961;
--cb-color-text-brand-selected: #937e52;
--cb-color-text-brand-disabled: #b0a181;
--cb-color-border-selected: #8b713d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #977b43;
--cb-color-bg-fill-brand-pressed: #8a703d;
--cb-color-bg-fill-brand-selected: #907540;
--cb-color-bg-fill-brand-disabled: #6e5931;
--cb-color-text-brand-hovered: #9f8146;
--cb-color-text-brand-pressed: #8a703d;
--cb-color-text-brand-selected: #977b43;
--cb-color-text-brand-disabled: #6e5931;
--cb-color-bg-surface-brand: #1c170c;
--cb-color-bg-surface-brand-hovered: #292112;
--cb-color-bg-surface-brand-pressed: #372d18;
--cb-color-bg-surface-brand-selected: #221c0f;
--cb-color-bg-surface-brand-disabled: #151109;
--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: #3a352a;
--cb-color-bg-surface-brand-hovered: #453d2e;
--cb-color-bg-surface-brand-pressed: #504531;
--cb-color-bg-surface-brand-selected: #3f392c;
--cb-color-bg-surface-brand-disabled: #353129;}
:root{--al-color-border-selected: #907236;
--al-color-border-elevated-selected: #907236;
--al-color-outline-focused: #392b0c;
--al-color-bg-surface-brand: #f3ebdc;
--al-color-bg-surface-brand-hovered: #eadbbe;
--al-color-bg-surface-brand-pressed: #e1cca4;
--al-color-bg-surface-brand-selected: #e1cca4;
--al-color-bg-surface-brand-disabled: #f8f3eb;
--al-color-bg-surface-brand-elevated: #f3ebdc;
--al-color-bg-surface-brand-elevated-hovered: #eadbbe;
--al-color-bg-surface-brand-elevated-pressed: #e1cca4;
--al-color-bg-surface-brand-elevated-selected: #e1cca4;
--al-color-bg-surface-brand-elevated-disabled: #f8f3eb;
--al-color-bg-fill-brand: #907236;
--al-color-bg-fill-brand-hovered: #7e632c;
--al-color-bg-fill-brand-pressed: #6d5523;
--al-color-bg-fill-brand-selected: #5d471b;
--al-color-bg-fill-brand-disabled: #d7be8d;
--al-color-text-brand: #7e632c;
--al-color-text-brand-hovered: #6d5523;
--al-color-text-brand-pressed: #5d471b;
--al-color-text-brand-selected: #4b3913;
--al-color-text-brand-disabled: #cdb17a;
--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: #f8f3eb;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7e632c;
--al-color-border-elevated-selected: #7e632c;
--al-color-bg-fill-brand: #7e632c;
--al-color-bg-fill-brand-hovered: #6d5523;
--al-color-bg-fill-brand-pressed: #5d471b;
--al-color-bg-fill-brand-selected: #4b3913;
--al-color-text-brand: #5d471b;
--al-color-text-brand-hovered: #4b3913;
--al-color-text-brand-pressed: #392b0c;
--al-color-text-brand-selected: #241905;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #997a3c;
--al-color-border-elevated-selected: #ab8b4b;
--al-color-outline-focused: #ecdfc6;
--al-color-bg-surface-brand: #261c06;
--al-color-bg-surface-brand-hovered: #34270a;
--al-color-bg-surface-brand-pressed: #40300f;
--al-color-bg-surface-brand-selected: #40300f;
--al-color-bg-surface-brand-disabled: #1f1604;
--al-color-bg-surface-brand-elevated: #34270a;
--al-color-bg-surface-brand-elevated-hovered: #40300f;
--al-color-bg-surface-brand-elevated-pressed: #4c3a14;
--al-color-bg-surface-brand-elevated-selected: #4c3a14;
--al-color-bg-surface-brand-elevated-disabled: #261c06;
--al-color-bg-fill-brand: #bd9d60;
--al-color-bg-fill-brand-hovered: #ceb17a;
--al-color-bg-fill-brand-pressed: #ddc79c;
--al-color-bg-fill-brand-selected: #ecdfc6;
--al-color-bg-fill-brand-disabled: #4c3a14;
--al-color-text-brand: #bd9d60;
--al-color-text-brand-hovered: #ceb17a;
--al-color-text-brand-pressed: #ddc79c;
--al-color-text-brand-selected: #ecdfc6;
--al-color-text-brand-disabled: #564218;
--al-color-text-on-bg-fill-brand: #130c02;
--al-color-text-on-bg-fill-brand-hovered: #130c02;
--al-color-text-on-bg-fill-brand-pressed: #130c02;
--al-color-text-on-bg-fill-brand-selected: #130c02;
--al-color-text-on-bg-fill-brand-disabled: #1f1604;}

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