: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: #c3ab7c;
--cb-color-bg-fill-brand-hovered: #cab58c;
--cb-color-bg-fill-brand-pressed: #cfbc96;
--cb-color-bg-fill-brand-selected: #cdb991;
--cb-color-bg-fill-brand-disabled: #d9c9ab;
--cb-color-text-brand: #c3ab7c;
--cb-color-text-brand-hovered: #c8b286;
--cb-color-text-brand-pressed: #cfbc96;
--cb-color-text-brand-selected: #cab58c;
--cb-color-text-brand-disabled: #d9c9ab;
--cb-color-bg-surface-brand: #faf8f5;
--cb-color-bg-surface-brand-hovered: #f5f1ea;
--cb-color-bg-surface-brand-pressed: #f1ebe0;
--cb-color-bg-surface-brand-selected: #f8f5ef;
--cb-color-bg-surface-brand-disabled: #fdfcfa;
--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: #c3ab7c;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #817152;
--cb-color-bg-fill-brand-hovered: #908267;
--cb-color-bg-fill-brand-pressed: #9a8d75;
--cb-color-bg-fill-brand-selected: #95886e;
--cb-color-bg-fill-brand-disabled: #aea490;
--cb-color-text-brand: #7c6d4f;
--cb-color-text-brand-hovered: #86785d;
--cb-color-text-brand-pressed: #968a72;
--cb-color-text-brand-selected: #8c7f64;
--cb-color-text-brand-disabled: #aba28e;
--cb-color-border-selected: #817152;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #ab966d;
--cb-color-bg-fill-brand-pressed: #9c8963;
--cb-color-bg-fill-brand-selected: #a49068;
--cb-color-bg-fill-brand-disabled: #7d6d4f;
--cb-color-text-brand-hovered: #b49e72;
--cb-color-text-brand-pressed: #9c8963;
--cb-color-text-brand-selected: #ab966d;
--cb-color-text-brand-disabled: #7d6d4f;
--cb-color-bg-surface-brand: #1f1b14;
--cb-color-bg-surface-brand-hovered: #2f291e;
--cb-color-bg-surface-brand-pressed: #3f3728;
--cb-color-bg-surface-brand-selected: #272219;
--cb-color-bg-surface-brand-disabled: #18150f;
--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: #3e3a32;
--cb-color-bg-surface-brand-hovered: #4a4439;
--cb-color-bg-surface-brand-pressed: #574f40;
--cb-color-bg-surface-brand-selected: #443f36;
--cb-color-bg-surface-brand-disabled: #37342f;}
:root{--al-color-border-selected: #88744f;
--al-color-border-elevated-selected: #88744f;
--al-color-outline-focused: #352c1a;
--al-color-bg-surface-brand: #f5ebd6;
--al-color-bg-surface-brand-hovered: #ecdbb9;
--al-color-bg-surface-brand-pressed: #e2cda3;
--al-color-bg-surface-brand-selected: #e2cda3;
--al-color-bg-surface-brand-disabled: #f9f3e8;
--al-color-bg-surface-brand-elevated: #f5ebd6;
--al-color-bg-surface-brand-elevated-hovered: #ecdbb9;
--al-color-bg-surface-brand-elevated-pressed: #e2cda3;
--al-color-bg-surface-brand-elevated-selected: #e2cda3;
--al-color-bg-surface-brand-elevated-disabled: #f9f3e8;
--al-color-bg-fill-brand: #88744f;
--al-color-bg-fill-brand-hovered: #776543;
--al-color-bg-fill-brand-pressed: #665638;
--al-color-bg-fill-brand-selected: #56482e;
--al-color-bg-fill-brand-disabled: #d7bf92;
--al-color-text-brand: #776543;
--al-color-text-brand-hovered: #665638;
--al-color-text-brand-pressed: #56482e;
--al-color-text-brand-selected: #463a24;
--al-color-text-brand-disabled: #cab283;
--al-color-text-on-bg-fill-brand: #fdfcf9;
--al-color-text-on-bg-fill-brand-hovered: #fdfcf9;
--al-color-text-on-bg-fill-brand-pressed: #fdfcf9;
--al-color-text-on-bg-fill-brand-selected: #fdfcf9;
--al-color-text-on-bg-fill-brand-disabled: #f9f3e8;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #776543;
--al-color-border-elevated-selected: #776543;
--al-color-bg-fill-brand: #776543;
--al-color-bg-fill-brand-hovered: #665638;
--al-color-bg-fill-brand-pressed: #56482e;
--al-color-bg-fill-brand-selected: #463a24;
--al-color-text-brand: #56482e;
--al-color-text-brand-hovered: #463a24;
--al-color-text-brand-pressed: #352c1a;
--al-color-text-brand-selected: #211a0e;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #907c55;
--al-color-border-elevated-selected: #a28d61;
--al-color-outline-focused: #efdebf;
--al-color-bg-surface-brand: #241d10;
--al-color-bg-surface-brand-hovered: #302817;
--al-color-bg-surface-brand-pressed: #3b321e;
--al-color-bg-surface-brand-selected: #3b321e;
--al-color-bg-surface-brand-disabled: #1b160b;
--al-color-bg-surface-brand-elevated: #302817;
--al-color-bg-surface-brand-elevated-hovered: #3b321e;
--al-color-bg-surface-brand-elevated-pressed: #463b24;
--al-color-bg-surface-brand-elevated-selected: #463b24;
--al-color-bg-surface-brand-elevated-disabled: #241d10;
--al-color-bg-fill-brand: #b69e71;
--al-color-bg-fill-brand-hovered: #c9b182;
--al-color-bg-fill-brand-pressed: #ddc79c;
--al-color-bg-fill-brand-selected: #efdebf;
--al-color-bg-fill-brand-disabled: #463b24;
--al-color-text-brand: #b69e71;
--al-color-text-brand-hovered: #c9b182;
--al-color-text-brand-pressed: #ddc79c;
--al-color-text-brand-selected: #efdebf;
--al-color-text-brand-disabled: #50442b;
--al-color-text-on-bg-fill-brand: #120d06;
--al-color-text-on-bg-fill-brand-hovered: #120d06;
--al-color-text-on-bg-fill-brand-pressed: #120d06;
--al-color-text-on-bg-fill-brand-selected: #120d06;
--al-color-text-on-bg-fill-brand-disabled: #1b160b;}

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