: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: #6f3516;
--cb-color-bg-fill-brand-hovered: #814e32;
--cb-color-bg-fill-brand-pressed: #8c5d45;
--cb-color-bg-fill-brand-selected: #86553b;
--cb-color-bg-fill-brand-disabled: #a37e6a;
--cb-color-text-brand: #6f3516;
--cb-color-text-brand-hovered: #7a4528;
--cb-color-text-brand-pressed: #8c5d45;
--cb-color-text-brand-selected: #814e32;
--cb-color-text-brand-disabled: #a37e6a;
--cb-color-bg-surface-brand: #f4efed;
--cb-color-bg-surface-brand-hovered: #e8dfda;
--cb-color-bg-surface-brand-pressed: #ddcfc7;
--cb-color-bg-surface-brand-selected: #ede6e3;
--cb-color-bg-surface-brand-disabled: #f9f7f6;
--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: #6f3516;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #622f13;
--cb-color-bg-fill-brand-pressed: #592a12;
--cb-color-bg-fill-brand-selected: #5d2c12;
--cb-color-bg-fill-brand-disabled: #47220e;
--cb-color-text-brand-hovered: #663114;
--cb-color-text-brand-pressed: #592a12;
--cb-color-text-brand-selected: #622f13;
--cb-color-text-brand-disabled: #47220e;
--cb-color-bg-surface-brand: #120904;
--cb-color-bg-surface-brand-hovered: #1b0d05;
--cb-color-bg-surface-brand-pressed: #241107;
--cb-color-bg-surface-brand-selected: #160b04;
--cb-color-bg-surface-brand-disabled: #0d0603;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #302722;
--cb-color-bg-surface-brand-hovered: #362821;
--cb-color-bg-surface-brand-pressed: #3c291f;
--cb-color-bg-surface-brand-selected: #332721;
--cb-color-bg-surface-brand-disabled: #2d2622;}
:root{--al-color-border-selected: #9f6a51;
--al-color-border-elevated-selected: #9f6a51;
--al-color-outline-focused: #501e00;
--al-color-bg-surface-brand: #f2eae6;
--al-color-bg-surface-brand-hovered: #e8d9d2;
--al-color-bg-surface-brand-pressed: #e0cbc1;
--al-color-bg-surface-brand-selected: #e0cbc1;
--al-color-bg-surface-brand-disabled: #f7f2f0;
--al-color-bg-surface-brand-elevated: #f2eae6;
--al-color-bg-surface-brand-elevated-hovered: #e8d9d2;
--al-color-bg-surface-brand-elevated-pressed: #e0cbc1;
--al-color-bg-surface-brand-elevated-selected: #e0cbc1;
--al-color-bg-surface-brand-elevated-disabled: #f7f2f0;
--al-color-bg-fill-brand: #9f6a51;
--al-color-bg-fill-brand-hovered: #91593e;
--al-color-bg-fill-brand-pressed: #834a2d;
--al-color-bg-fill-brand-selected: #753a1c;
--al-color-bg-fill-brand-disabled: #d7bcaf;
--al-color-text-brand: #91593e;
--al-color-text-brand-hovered: #834a2d;
--al-color-text-brand-pressed: #753a1c;
--al-color-text-brand-selected: #642c0c;
--al-color-text-brand-disabled: #ceaea0;
--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: #f7f2f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #91593e;
--al-color-border-elevated-selected: #91593e;
--al-color-bg-fill-brand: #91593e;
--al-color-bg-fill-brand-hovered: #834a2d;
--al-color-bg-fill-brand-pressed: #753a1c;
--al-color-bg-fill-brand-selected: #642c0c;
--al-color-text-brand: #753a1c;
--al-color-text-brand-hovered: #642c0c;
--al-color-text-brand-pressed: #501e00;
--al-color-text-brand-selected: #360e00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #a6735b;
--al-color-border-elevated-selected: #b38570;
--al-color-outline-focused: #ebddd7;
--al-color-bg-surface-brand: #3a1000;
--al-color-bg-surface-brand-hovered: #4b1a00;
--al-color-bg-surface-brand-pressed: #582303;
--al-color-bg-surface-brand-selected: #582303;
--al-color-bg-surface-brand-disabled: #2f0b00;
--al-color-bg-surface-brand-elevated: #4b1a00;
--al-color-bg-surface-brand-elevated-hovered: #582303;
--al-color-bg-surface-brand-elevated-pressed: #642c0c;
--al-color-bg-surface-brand-elevated-selected: #642c0c;
--al-color-bg-surface-brand-elevated-disabled: #3a1000;
--al-color-bg-fill-brand: #c19987;
--al-color-bg-fill-brand-hovered: #ceaea0;
--al-color-bg-fill-brand-pressed: #dcc5ba;
--al-color-bg-fill-brand-selected: #ebddd7;
--al-color-bg-fill-brand-disabled: #642c0c;
--al-color-text-brand: #c19987;
--al-color-text-brand-hovered: #ceaea0;
--al-color-text-brand-pressed: #dcc5ba;
--al-color-text-brand-selected: #ebddd7;
--al-color-text-brand-disabled: #6f3516;
--al-color-text-on-bg-fill-brand: #1e0500;
--al-color-text-on-bg-fill-brand-hovered: #1e0500;
--al-color-text-on-bg-fill-brand-pressed: #1e0500;
--al-color-text-on-bg-fill-brand-selected: #1e0500;
--al-color-text-on-bg-fill-brand-disabled: #2f0b00;}

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