: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: #924307;
--cb-color-bg-fill-brand-hovered: #9f5a25;
--cb-color-bg-fill-brand-pressed: #a86939;
--cb-color-bg-fill-brand-selected: #a4612f;
--cb-color-bg-fill-brand-disabled: #b98760;
--cb-color-text-brand: #924307;
--cb-color-text-brand-hovered: #9b521a;
--cb-color-text-brand-pressed: #a86939;
--cb-color-text-brand-selected: #9f5a25;
--cb-color-text-brand-disabled: #b98760;
--cb-color-bg-surface-brand: #f6f0ec;
--cb-color-bg-surface-brand-hovered: #ede1d7;
--cb-color-bg-surface-brand-pressed: #e5d2c4;
--cb-color-bg-surface-brand-selected: #f2e8e1;
--cb-color-bg-surface-brand-disabled: #fbf8f5;
--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: #924307;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #803b06;
--cb-color-bg-fill-brand-pressed: #753606;
--cb-color-bg-fill-brand-selected: #7b3806;
--cb-color-bg-fill-brand-disabled: #5d2b04;
--cb-color-text-brand-hovered: #873e06;
--cb-color-text-brand-pressed: #753606;
--cb-color-text-brand-selected: #803b06;
--cb-color-text-brand-disabled: #5d2b04;
--cb-color-bg-surface-brand: #170b01;
--cb-color-bg-surface-brand-hovered: #231002;
--cb-color-bg-surface-brand-pressed: #2f1602;
--cb-color-bg-surface-brand-selected: #1d0d01;
--cb-color-bg-surface-brand-disabled: #120801;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #36291f;
--cb-color-bg-surface-brand-hovered: #3e2b1d;
--cb-color-bg-surface-brand-pressed: #472e1b;
--cb-color-bg-surface-brand-selected: #3a2a1e;
--cb-color-bg-surface-brand-disabled: #312820;}
:root{--al-color-border-selected: #af6336;
--al-color-border-elevated-selected: #af6336;
--al-color-outline-focused: #541a00;
--al-color-bg-surface-brand: #f6eae4;
--al-color-bg-surface-brand-hovered: #efd9ce;
--al-color-bg-surface-brand-pressed: #e8c8b7;
--al-color-bg-surface-brand-selected: #e8c8b7;
--al-color-bg-surface-brand-disabled: #f9f2ee;
--al-color-bg-surface-brand-elevated: #f6eae4;
--al-color-bg-surface-brand-elevated-hovered: #efd9ce;
--al-color-bg-surface-brand-elevated-pressed: #e8c8b7;
--al-color-bg-surface-brand-elevated-selected: #e8c8b7;
--al-color-bg-surface-brand-elevated-disabled: #f9f2ee;
--al-color-bg-fill-brand: #af6336;
--al-color-bg-fill-brand-hovered: #a0521f;
--al-color-bg-fill-brand-pressed: #904204;
--al-color-bg-fill-brand-selected: #7e3300;
--al-color-bg-fill-brand-disabled: #e1b9a3;
--al-color-text-brand: #a0521f;
--al-color-text-brand-hovered: #904204;
--al-color-text-brand-pressed: #7e3300;
--al-color-text-brand-selected: #6a2700;
--al-color-text-brand-disabled: #dbaa90;
--al-color-text-on-bg-fill-brand: #fdfbf9;
--al-color-text-on-bg-fill-brand-hovered: #fdfbf9;
--al-color-text-on-bg-fill-brand-pressed: #fdfbf9;
--al-color-text-on-bg-fill-brand-selected: #fdfbf9;
--al-color-text-on-bg-fill-brand-disabled: #f9f2ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #a0521f;
--al-color-border-elevated-selected: #a0521f;
--al-color-bg-fill-brand: #a0521f;
--al-color-bg-fill-brand-hovered: #904204;
--al-color-bg-fill-brand-pressed: #7e3300;
--al-color-bg-fill-brand-selected: #6a2700;
--al-color-text-brand: #7e3300;
--al-color-text-brand-hovered: #6a2700;
--al-color-text-brand-pressed: #541a00;
--al-color-text-brand-selected: #370d00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b66c42;
--al-color-border-elevated-selected: #c37f5a;
--al-color-outline-focused: #f1dcd2;
--al-color-bg-surface-brand: #3b0f00;
--al-color-bg-surface-brand-hovered: #4e1700;
--al-color-bg-surface-brand-pressed: #5d1f00;
--al-color-bg-surface-brand-selected: #5d1f00;
--al-color-bg-surface-brand-disabled: #310a00;
--al-color-bg-surface-brand-elevated: #4e1700;
--al-color-bg-surface-brand-elevated-hovered: #5d1f00;
--al-color-bg-surface-brand-elevated-pressed: #6b2700;
--al-color-bg-surface-brand-elevated-selected: #6b2700;
--al-color-bg-surface-brand-elevated-disabled: #3b0f00;
--al-color-bg-fill-brand: #cf9475;
--al-color-bg-fill-brand-hovered: #dbaa91;
--al-color-bg-fill-brand-pressed: #e6c2b0;
--al-color-bg-fill-brand-selected: #f1dcd2;
--al-color-bg-fill-brand-disabled: #6b2700;
--al-color-text-brand: #cf9475;
--al-color-text-brand-hovered: #dbaa91;
--al-color-text-brand-pressed: #e6c2b0;
--al-color-text-brand-selected: #f1dcd2;
--al-color-text-brand-disabled: #772f00;
--al-color-text-on-bg-fill-brand: #210500;
--al-color-text-on-bg-fill-brand-hovered: #210500;
--al-color-text-on-bg-fill-brand-pressed: #210500;
--al-color-text-on-bg-fill-brand-selected: #210500;
--al-color-text-on-bg-fill-brand-disabled: #310a00;}

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