: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: #a0673b;
--cb-color-bg-fill-brand-hovered: #ac7953;
--cb-color-bg-fill-brand-pressed: #b38562;
--cb-color-bg-fill-brand-selected: #af7f5b;
--cb-color-bg-fill-brand-disabled: #c29e82;
--cb-color-text-brand: #a0673b;
--cb-color-text-brand-hovered: #a7734a;
--cb-color-text-brand-pressed: #b38562;
--cb-color-text-brand-selected: #ac7953;
--cb-color-text-brand-disabled: #c29e82;
--cb-color-bg-surface-brand: #f8f3f0;
--cb-color-bg-surface-brand-hovered: #f0e7df;
--cb-color-bg-surface-brand-pressed: #e8dbd0;
--cb-color-bg-surface-brand-selected: #f3ede7;
--cb-color-bg-surface-brand-disabled: #fbf9f7;
--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: #a0673b;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #9a6339;
--cb-color-text-brand-hovered: #a26f49;
--cb-color-text-brand-pressed: #ae8261;
--cb-color-text-brand-selected: #a67651;
--cb-color-text-brand-disabled: #be9b80;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #8d5a34;
--cb-color-bg-fill-brand-pressed: #80522f;
--cb-color-bg-fill-brand-selected: #865632;
--cb-color-bg-fill-brand-disabled: #664226;
--cb-color-text-brand-hovered: #935f36;
--cb-color-text-brand-pressed: #80522f;
--cb-color-text-brand-selected: #8d5a34;
--cb-color-text-brand-disabled: #664226;
--cb-color-bg-surface-brand: #1a1109;
--cb-color-bg-surface-brand-hovered: #26190e;
--cb-color-bg-surface-brand-pressed: #332113;
--cb-color-bg-surface-brand-selected: #20150c;
--cb-color-bg-surface-brand-disabled: #130d07;
--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: #382f28;
--cb-color-bg-surface-brand-hovered: #42342a;
--cb-color-bg-surface-brand-pressed: #4c3a2b;
--cb-color-bg-surface-brand-selected: #3d3129;
--cb-color-bg-surface-brand-disabled: #332c27;}
:root{--al-color-border-selected: #a3693d;
--al-color-border-elevated-selected: #a3693d;
--al-color-outline-focused: #45250a;
--al-color-bg-surface-brand: #f5eae2;
--al-color-bg-surface-brand-hovered: #edd9ca;
--al-color-bg-surface-brand-pressed: #e6cab6;
--al-color-bg-surface-brand-selected: #e6cab6;
--al-color-bg-surface-brand-disabled: #f9f3ef;
--al-color-bg-surface-brand-elevated: #f5eae2;
--al-color-bg-surface-brand-elevated-hovered: #edd9ca;
--al-color-bg-surface-brand-elevated-pressed: #e6cab6;
--al-color-bg-surface-brand-elevated-selected: #e6cab6;
--al-color-bg-surface-brand-elevated-disabled: #f9f3ef;
--al-color-bg-fill-brand: #a3693d;
--al-color-bg-fill-brand-hovered: #915a2f;
--al-color-bg-fill-brand-pressed: #7f4c24;
--al-color-bg-fill-brand-selected: #6d3f1a;
--al-color-bg-fill-brand-disabled: #debaa1;
--al-color-text-brand: #915a2f;
--al-color-text-brand-hovered: #7f4c24;
--al-color-text-brand-pressed: #6d3f1a;
--al-color-text-brand-selected: #5a3212;
--al-color-text-brand-disabled: #d6ac8e;
--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: #f9f3ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #915a2f;
--al-color-border-elevated-selected: #915a2f;
--al-color-bg-fill-brand: #915a2f;
--al-color-bg-fill-brand-hovered: #7f4c24;
--al-color-bg-fill-brand-pressed: #6d3f1a;
--al-color-bg-fill-brand-selected: #5a3212;
--al-color-text-brand: #6d3f1a;
--al-color-text-brand-hovered: #5a3212;
--al-color-text-brand-pressed: #45250a;
--al-color-text-brand-selected: #2c1504;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #ab7247;
--al-color-border-elevated-selected: #ba835b;
--al-color-outline-focused: #efddd1;
--al-color-bg-surface-brand: #301804;
--al-color-bg-surface-brand-hovered: #402208;
--al-color-bg-surface-brand-pressed: #4d2a0d;
--al-color-bg-surface-brand-selected: #4d2a0d;
--al-color-bg-surface-brand-disabled: #261203;
--al-color-bg-surface-brand-elevated: #402208;
--al-color-bg-surface-brand-elevated-hovered: #4d2a0d;
--al-color-bg-surface-brand-elevated-pressed: #5a3312;
--al-color-bg-surface-brand-elevated-selected: #5a3312;
--al-color-bg-surface-brand-elevated-disabled: #301804;
--al-color-bg-fill-brand: #c99773;
--al-color-bg-fill-brand-hovered: #d7ac8f;
--al-color-bg-fill-brand-pressed: #e3c3ad;
--al-color-bg-fill-brand-selected: #efddd1;
--al-color-bg-fill-brand-disabled: #5a3312;
--al-color-text-brand: #c99773;
--al-color-text-brand-hovered: #d7ac8f;
--al-color-text-brand-pressed: #e3c3ad;
--al-color-text-brand-selected: #efddd1;
--al-color-text-brand-disabled: #663b17;
--al-color-text-on-bg-fill-brand: #180901;
--al-color-text-on-bg-fill-brand-hovered: #180901;
--al-color-text-on-bg-fill-brand-pressed: #180901;
--al-color-text-on-bg-fill-brand-selected: #180901;
--al-color-text-on-bg-fill-brand-disabled: #261203;}

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