: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: #8e4323;
--cb-color-bg-fill-brand-hovered: #9c5a3e;
--cb-color-bg-fill-brand-pressed: #a5694f;
--cb-color-bg-fill-brand-selected: #a06146;
--cb-color-bg-fill-brand-disabled: #b78772;
--cb-color-text-brand: #8e4323;
--cb-color-text-brand-hovered: #975234;
--cb-color-text-brand-pressed: #a5694f;
--cb-color-text-brand-selected: #9c5a3e;
--cb-color-text-brand-disabled: #b78772;
--cb-color-bg-surface-brand: #f6f0ee;
--cb-color-bg-surface-brand-hovered: #ede1dc;
--cb-color-bg-surface-brand-pressed: #e4d2ca;
--cb-color-bg-surface-brand-selected: #f1e8e4;
--cb-color-bg-surface-brand-disabled: #fbf8f6;
--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: #8e4323;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #7d3b1f;
--cb-color-bg-fill-brand-pressed: #72361c;
--cb-color-bg-fill-brand-selected: #77381d;
--cb-color-bg-fill-brand-disabled: #5b2b16;
--cb-color-text-brand-hovered: #833e20;
--cb-color-text-brand-pressed: #72361c;
--cb-color-text-brand-selected: #7d3b1f;
--cb-color-text-brand-disabled: #5b2b16;
--cb-color-bg-surface-brand: #170b06;
--cb-color-bg-surface-brand-hovered: #221008;
--cb-color-bg-surface-brand-pressed: #2e160b;
--cb-color-bg-surface-brand-selected: #1c0d07;
--cb-color-bg-surface-brand-disabled: #110804;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #352924;
--cb-color-bg-surface-brand-hovered: #3d2b24;
--cb-color-bg-surface-brand-pressed: #462e24;
--cb-color-bg-surface-brand-selected: #392a24;
--cb-color-bg-surface-brand-disabled: #312824;}
:root{--al-color-border-selected: #ac6346;
--al-color-border-elevated-selected: #ac6346;
--al-color-outline-focused: #521b02;
--al-color-bg-surface-brand: #f5eae5;
--al-color-bg-surface-brand-hovered: #eed9d1;
--al-color-bg-surface-brand-pressed: #e7c9bd;
--al-color-bg-surface-brand-selected: #e7c9bd;
--al-color-bg-surface-brand-disabled: #f9f2f0;
--al-color-bg-surface-brand-elevated: #f5eae5;
--al-color-bg-surface-brand-elevated-hovered: #eed9d1;
--al-color-bg-surface-brand-elevated-pressed: #e7c9bd;
--al-color-bg-surface-brand-elevated-selected: #e7c9bd;
--al-color-bg-surface-brand-elevated-disabled: #f9f2f0;
--al-color-bg-fill-brand: #ac6346;
--al-color-bg-fill-brand-hovered: #9d5234;
--al-color-bg-fill-brand-pressed: #8e4323;
--al-color-bg-fill-brand-selected: #7c3515;
--al-color-bg-fill-brand-disabled: #e0b9aa;
--al-color-text-brand: #9d5234;
--al-color-text-brand-hovered: #8e4323;
--al-color-text-brand-pressed: #7c3515;
--al-color-text-brand-selected: #692809;
--al-color-text-brand-disabled: #d8aa98;
--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: #f9f2f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #9d5234;
--al-color-border-elevated-selected: #9d5234;
--al-color-bg-fill-brand: #9d5234;
--al-color-bg-fill-brand-hovered: #8e4323;
--al-color-bg-fill-brand-pressed: #7c3515;
--al-color-bg-fill-brand-selected: #692809;
--al-color-text-brand: #7c3515;
--al-color-text-brand-hovered: #692809;
--al-color-text-brand-pressed: #521b02;
--al-color-text-brand-selected: #360e00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b36d51;
--al-color-border-elevated-selected: #c08067;
--al-color-outline-focused: #f0dcd5;
--al-color-bg-surface-brand: #3b1000;
--al-color-bg-surface-brand-hovered: #4c1801;
--al-color-bg-surface-brand-pressed: #5b2004;
--al-color-bg-surface-brand-selected: #5b2004;
--al-color-bg-surface-brand-disabled: #300b00;
--al-color-bg-surface-brand-elevated: #4c1801;
--al-color-bg-surface-brand-elevated-hovered: #5b2004;
--al-color-bg-surface-brand-elevated-pressed: #692809;
--al-color-bg-surface-brand-elevated-selected: #692809;
--al-color-bg-surface-brand-elevated-disabled: #3b1000;
--al-color-bg-fill-brand: #cc957f;
--al-color-bg-fill-brand-hovered: #d9aa98;
--al-color-bg-fill-brand-pressed: #e4c2b5;
--al-color-bg-fill-brand-selected: #f0dcd5;
--al-color-bg-fill-brand-disabled: #692809;
--al-color-text-brand: #cc957f;
--al-color-text-brand-hovered: #d9aa98;
--al-color-text-brand-pressed: #e4c2b5;
--al-color-text-brand-selected: #f0dcd5;
--al-color-text-brand-disabled: #753010;
--al-color-text-on-bg-fill-brand: #210600;
--al-color-text-on-bg-fill-brand-hovered: #210600;
--al-color-text-on-bg-fill-brand-pressed: #210600;
--al-color-text-on-bg-fill-brand-selected: #210600;
--al-color-text-on-bg-fill-brand-disabled: #300b00;}

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