: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: #9a4e47;
--cb-color-bg-fill-brand-hovered: #a6645d;
--cb-color-bg-fill-brand-pressed: #ae716c;
--cb-color-bg-fill-brand-selected: #aa6a65;
--cb-color-bg-fill-brand-disabled: #be8e89;
--cb-color-text-brand: #9a4e47;
--cb-color-text-brand-hovered: #a25c55;
--cb-color-text-brand-pressed: #ae716c;
--cb-color-text-brand-selected: #a6645d;
--cb-color-text-brand-disabled: #be8e89;
--cb-color-bg-surface-brand: #f7f1f1;
--cb-color-bg-surface-brand-hovered: #efe3e1;
--cb-color-bg-surface-brand-pressed: #e7d5d3;
--cb-color-bg-surface-brand-selected: #f3e9e9;
--cb-color-bg-surface-brand-disabled: #fbf8f8;
--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: #9a4e47;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #87453e;
--cb-color-bg-fill-brand-pressed: #7b3e39;
--cb-color-bg-fill-brand-selected: #81413c;
--cb-color-bg-fill-brand-disabled: #62322d;
--cb-color-text-brand-hovered: #8e4841;
--cb-color-text-brand-pressed: #7b3e39;
--cb-color-text-brand-selected: #87453e;
--cb-color-text-brand-disabled: #62322d;
--cb-color-bg-surface-brand: #190d0b;
--cb-color-bg-surface-brand-hovered: #251311;
--cb-color-bg-surface-brand-pressed: #321917;
--cb-color-bg-surface-brand-selected: #1f100e;
--cb-color-bg-surface-brand-disabled: #130909;
--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: #372b2a;
--cb-color-bg-surface-brand-hovered: #402e2c;
--cb-color-bg-surface-brand-pressed: #4a322f;
--cb-color-bg-surface-brand-selected: #3c2c2b;
--cb-color-bg-surface-brand-disabled: #322928;}
:root{--al-color-border-selected: #ad615a;
--al-color-border-elevated-selected: #ad615a;
--al-color-outline-focused: #4f1d1a;
--al-color-bg-surface-brand: #f6e8e6;
--al-color-bg-surface-brand-hovered: #f0d7d4;
--al-color-bg-surface-brand-pressed: #e9c7c2;
--al-color-bg-surface-brand-selected: #e9c7c2;
--al-color-bg-surface-brand-disabled: #faf2f1;
--al-color-bg-surface-brand-elevated: #f6e8e6;
--al-color-bg-surface-brand-elevated-hovered: #f0d7d4;
--al-color-bg-surface-brand-elevated-pressed: #e9c7c2;
--al-color-bg-surface-brand-elevated-selected: #e9c7c2;
--al-color-bg-surface-brand-elevated-disabled: #faf2f1;
--al-color-bg-fill-brand: #ad615a;
--al-color-bg-fill-brand-hovered: #9e514a;
--al-color-bg-fill-brand-pressed: #8c433c;
--al-color-bg-fill-brand-selected: #793630;
--al-color-bg-fill-brand-disabled: #e2b7b2;
--al-color-text-brand: #9e514a;
--al-color-text-brand-hovered: #8c433c;
--al-color-text-brand-pressed: #793630;
--al-color-text-brand-selected: #652925;
--al-color-text-brand-disabled: #dba8a2;
--al-color-text-on-bg-fill-brand: #fdfbfa;
--al-color-text-on-bg-fill-brand-hovered: #fdfbfa;
--al-color-text-on-bg-fill-brand-pressed: #fdfbfa;
--al-color-text-on-bg-fill-brand-selected: #fdfbfa;
--al-color-text-on-bg-fill-brand-disabled: #faf2f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #9e514a;
--al-color-border-elevated-selected: #9e514a;
--al-color-bg-fill-brand: #9e514a;
--al-color-bg-fill-brand-hovered: #8c433c;
--al-color-bg-fill-brand-pressed: #793630;
--al-color-bg-fill-brand-selected: #652925;
--al-color-text-brand: #793630;
--al-color-text-brand-hovered: #652925;
--al-color-text-brand-pressed: #4f1d1a;
--al-color-text-brand-selected: #33100d;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b46b63;
--al-color-border-elevated-selected: #c27d76;
--al-color-outline-focused: #f1dbd9;
--al-color-bg-surface-brand: #37120f;
--al-color-bg-surface-brand-hovered: #491a17;
--al-color-bg-surface-brand-pressed: #57221e;
--al-color-bg-surface-brand-selected: #57221e;
--al-color-bg-surface-brand-disabled: #2c0c0a;
--al-color-bg-surface-brand-elevated: #491a17;
--al-color-bg-surface-brand-elevated-hovered: #57221e;
--al-color-bg-surface-brand-elevated-pressed: #662a25;
--al-color-bg-surface-brand-elevated-selected: #662a25;
--al-color-bg-surface-brand-elevated-disabled: #37120f;
--al-color-bg-fill-brand: #cf928b;
--al-color-bg-fill-brand-hovered: #dba8a2;
--al-color-bg-fill-brand-pressed: #e7c1bc;
--al-color-bg-fill-brand-selected: #f1dbd9;
--al-color-bg-fill-brand-disabled: #662a25;
--al-color-text-brand: #cf928b;
--al-color-text-brand-hovered: #dba8a2;
--al-color-text-brand-pressed: #e7c1bc;
--al-color-text-brand-selected: #f1dbd9;
--al-color-text-brand-disabled: #72312c;
--al-color-text-on-bg-fill-brand: #1e0605;
--al-color-text-on-bg-fill-brand-hovered: #1e0605;
--al-color-text-on-bg-fill-brand-pressed: #1e0605;
--al-color-text-on-bg-fill-brand-selected: #1e0605;
--al-color-text-on-bg-fill-brand-disabled: #2c0c0a;}

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