: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: #87714a;
--cb-color-bg-fill-brand-hovered: #968260;
--cb-color-bg-fill-brand-pressed: #9f8d6e;
--cb-color-bg-fill-brand-selected: #9a8867;
--cb-color-bg-fill-brand-disabled: #b2a48b;
--cb-color-text-brand: #87714a;
--cb-color-text-brand-hovered: #907c58;
--cb-color-text-brand-pressed: #9f8d6e;
--cb-color-text-brand-selected: #968260;
--cb-color-text-brand-disabled: #b2a48b;
--cb-color-bg-surface-brand: #f6f4f1;
--cb-color-bg-surface-brand-hovered: #ece8e2;
--cb-color-bg-surface-brand-pressed: #e2ddd4;
--cb-color-bg-surface-brand-selected: #f0eee9;
--cb-color-bg-surface-brand-disabled: #faf9f8;
--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: #87714a;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #826d47;
--cb-color-text-brand-hovered: #8c7855;
--cb-color-text-brand-pressed: #9b8a6c;
--cb-color-text-brand-selected: #917f5d;
--cb-color-text-brand-disabled: #afa289;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #776341;
--cb-color-bg-fill-brand-pressed: #6c5a3b;
--cb-color-bg-fill-brand-selected: #715f3e;
--cb-color-bg-fill-brand-disabled: #56482f;
--cb-color-text-brand-hovered: #7c6844;
--cb-color-text-brand-pressed: #6c5a3b;
--cb-color-text-brand-selected: #776341;
--cb-color-text-brand-disabled: #56482f;
--cb-color-bg-surface-brand: #16120c;
--cb-color-bg-surface-brand-hovered: #201b12;
--cb-color-bg-surface-brand-pressed: #2b2418;
--cb-color-bg-surface-brand-selected: #1b170f;
--cb-color-bg-surface-brand-disabled: #100e09;
--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: #34302a;
--cb-color-bg-surface-brand-hovered: #3c362d;
--cb-color-bg-surface-brand-pressed: #443d30;
--cb-color-bg-surface-brand-selected: #38332c;
--cb-color-bg-surface-brand-disabled: #302d29;}
:root{--al-color-border-selected: #8a734c;
--al-color-border-elevated-selected: #8a734c;
--al-color-outline-focused: #382b15;
--al-color-bg-surface-brand: #efebe4;
--al-color-bg-surface-brand-hovered: #e4dccf;
--al-color-bg-surface-brand-pressed: #d8cdba;
--al-color-bg-surface-brand-selected: #d8cdba;
--al-color-bg-surface-brand-disabled: #f6f4f0;
--al-color-bg-surface-brand-elevated: #efebe4;
--al-color-bg-surface-brand-elevated-hovered: #e4dccf;
--al-color-bg-surface-brand-elevated-pressed: #d8cdba;
--al-color-bg-surface-brand-elevated-selected: #d8cdba;
--al-color-bg-surface-brand-elevated-disabled: #f6f4f0;
--al-color-bg-fill-brand: #8a734c;
--al-color-bg-fill-brand-hovered: #7a643f;
--al-color-bg-fill-brand-pressed: #695632;
--al-color-bg-fill-brand-selected: #594828;
--al-color-bg-fill-brand-disabled: #cdc0a9;
--al-color-text-brand: #7a643f;
--al-color-text-brand-hovered: #695632;
--al-color-text-brand-pressed: #594828;
--al-color-text-brand-selected: #493a1e;
--al-color-text-brand-disabled: #c3b397;
--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: #f6f4f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7a643f;
--al-color-border-elevated-selected: #7a643f;
--al-color-bg-fill-brand: #7a643f;
--al-color-bg-fill-brand-hovered: #695632;
--al-color-bg-fill-brand-pressed: #594828;
--al-color-bg-fill-brand-selected: #493a1e;
--al-color-text-brand: #594828;
--al-color-text-brand-hovered: #493a1e;
--al-color-text-brand-pressed: #382b15;
--al-color-text-brand-selected: #221a0a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #917b55;
--al-color-border-elevated-selected: #a28c68;
--al-color-outline-focused: #e6dfd4;
--al-color-bg-surface-brand: #261c0b;
--al-color-bg-surface-brand-hovered: #332712;
--al-color-bg-surface-brand-pressed: #3f3119;
--al-color-bg-surface-brand-selected: #3f3119;
--al-color-bg-surface-brand-disabled: #1d1507;
--al-color-bg-surface-brand-elevated: #332712;
--al-color-bg-surface-brand-elevated-hovered: #3f3119;
--al-color-bg-surface-brand-elevated-pressed: #493a1e;
--al-color-bg-surface-brand-elevated-selected: #493a1e;
--al-color-bg-surface-brand-elevated-disabled: #261c0b;
--al-color-bg-fill-brand: #b29f7f;
--al-color-bg-fill-brand-hovered: #c2b297;
--al-color-bg-fill-brand-pressed: #d4c8b4;
--al-color-bg-fill-brand-selected: #e6dfd4;
--al-color-bg-fill-brand-disabled: #493a1e;
--al-color-text-brand: #b29f7f;
--al-color-text-brand-hovered: #c2b297;
--al-color-text-brand-pressed: #d4c8b4;
--al-color-text-brand-selected: #e6dfd4;
--al-color-text-brand-disabled: #534324;
--al-color-text-on-bg-fill-brand: #130d04;
--al-color-text-on-bg-fill-brand-hovered: #130d04;
--al-color-text-on-bg-fill-brand-pressed: #130d04;
--al-color-text-on-bg-fill-brand-selected: #130d04;
--al-color-text-on-bg-fill-brand-disabled: #1d1507;}

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