: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: #893219;
--cb-color-bg-fill-brand-hovered: #974b35;
--cb-color-bg-fill-brand-pressed: #a15b47;
--cb-color-bg-fill-brand-selected: #9c533e;
--cb-color-bg-fill-brand-disabled: #b47c6c;
--cb-color-text-brand: #893219;
--cb-color-text-brand-hovered: #92422b;
--cb-color-text-brand-pressed: #a15b47;
--cb-color-text-brand-selected: #974b35;
--cb-color-text-brand-disabled: #b47c6c;
--cb-color-bg-surface-brand: #f6efed;
--cb-color-bg-surface-brand-hovered: #ecdeda;
--cb-color-bg-surface-brand-pressed: #e3cec8;
--cb-color-bg-surface-brand-selected: #f1e6e3;
--cb-color-bg-surface-brand-disabled: #faf7f6;
--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: #893219;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #782c16;
--cb-color-bg-fill-brand-pressed: #6e2814;
--cb-color-bg-fill-brand-selected: #732a15;
--cb-color-bg-fill-brand-disabled: #582010;
--cb-color-text-brand-hovered: #7e2e17;
--cb-color-text-brand-pressed: #6e2814;
--cb-color-text-brand-selected: #782c16;
--cb-color-text-brand-disabled: #582010;
--cb-color-bg-surface-brand: #160804;
--cb-color-bg-surface-brand-hovered: #210c06;
--cb-color-bg-surface-brand-pressed: #2c1008;
--cb-color-bg-surface-brand-selected: #1b0a05;
--cb-color-bg-surface-brand-disabled: #110603;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #342622;
--cb-color-bg-surface-brand-hovered: #3c2721;
--cb-color-bg-surface-brand-pressed: #442920;
--cb-color-bg-surface-brand-selected: #382722;
--cb-color-bg-surface-brand-disabled: #302623;}
:root{--al-color-border-selected: #b0614b;
--al-color-border-elevated-selected: #b0614b;
--al-color-outline-focused: #5a1200;
--al-color-bg-surface-brand: #f6e9e5;
--al-color-bg-surface-brand-hovered: #efd8d1;
--al-color-bg-surface-brand-pressed: #e8c7bd;
--al-color-bg-surface-brand-selected: #e8c7bd;
--al-color-bg-surface-brand-disabled: #f9f2ef;
--al-color-bg-surface-brand-elevated: #f6e9e5;
--al-color-bg-surface-brand-elevated-hovered: #efd8d1;
--al-color-bg-surface-brand-elevated-pressed: #e8c7bd;
--al-color-bg-surface-brand-elevated-selected: #e8c7bd;
--al-color-bg-surface-brand-elevated-disabled: #f9f2ef;
--al-color-bg-fill-brand: #b0614b;
--al-color-bg-fill-brand-hovered: #a34f37;
--al-color-bg-fill-brand-pressed: #943e25;
--al-color-bg-fill-brand-selected: #842e15;
--al-color-bg-fill-brand-disabled: #e2b8ac;
--al-color-text-brand: #a34f37;
--al-color-text-brand-hovered: #943e25;
--al-color-text-brand-pressed: #842e15;
--al-color-text-brand-selected: #711f05;
--al-color-text-brand-disabled: #dba99b;
--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: #f9f2ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #a34f37;
--al-color-border-elevated-selected: #a34f37;
--al-color-bg-fill-brand: #a34f37;
--al-color-bg-fill-brand-hovered: #943e25;
--al-color-bg-fill-brand-pressed: #842e15;
--al-color-bg-fill-brand-selected: #711f05;
--al-color-text-brand: #842e15;
--al-color-text-brand-hovered: #711f05;
--al-color-text-brand-pressed: #5a1200;
--al-color-text-brand-selected: #3c0600;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b76a55;
--al-color-border-elevated-selected: #c37e6b;
--al-color-outline-focused: #f1dbd5;
--al-color-bg-surface-brand: #400700;
--al-color-bg-surface-brand-hovered: #540f00;
--al-color-bg-surface-brand-pressed: #641700;
--al-color-bg-surface-brand-selected: #641700;
--al-color-bg-surface-brand-disabled: #340400;
--al-color-bg-surface-brand-elevated: #540f00;
--al-color-bg-surface-brand-elevated-hovered: #641700;
--al-color-bg-surface-brand-elevated-pressed: #722006;
--al-color-bg-surface-brand-elevated-selected: #722006;
--al-color-bg-surface-brand-elevated-disabled: #400700;
--al-color-bg-fill-brand: #cf9382;
--al-color-bg-fill-brand-hovered: #dba99b;
--al-color-bg-fill-brand-pressed: #e6c1b7;
--al-color-bg-fill-brand-selected: #f1dbd5;
--al-color-bg-fill-brand-disabled: #722006;
--al-color-text-brand: #cf9382;
--al-color-text-brand-hovered: #dba99b;
--al-color-text-brand-pressed: #e6c1b7;
--al-color-text-brand-selected: #f1dbd5;
--al-color-text-brand-disabled: #7e280f;
--al-color-text-on-bg-fill-brand: #250200;
--al-color-text-on-bg-fill-brand-hovered: #250200;
--al-color-text-on-bg-fill-brand-pressed: #250200;
--al-color-text-on-bg-fill-brand-selected: #250200;
--al-color-text-on-bg-fill-brand-disabled: #340400;}

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