: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: #cc6642;
--cb-color-bg-fill-brand-hovered: #d27959;
--cb-color-bg-fill-brand-pressed: #d68568;
--cb-color-bg-fill-brand-selected: #d47f60;
--cb-color-bg-fill-brand-disabled: #de9d86;
--cb-color-text-brand: #cc6642;
--cb-color-text-brand-hovered: #d07251;
--cb-color-text-brand-pressed: #d68568;
--cb-color-text-brand-selected: #d27959;
--cb-color-text-brand-disabled: #de9d86;
--cb-color-bg-surface-brand: #fbf3f0;
--cb-color-bg-surface-brand-hovered: #f7e6e1;
--cb-color-bg-surface-brand-pressed: #f3dad2;
--cb-color-bg-surface-brand-selected: #f9ece8;
--cb-color-bg-surface-brand-disabled: #fdf9f8;
--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: #cc6642;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #b75c3b;
--cb-color-bg-fill-brand-hovered: #c07053;
--cb-color-bg-fill-brand-pressed: #c57d62;
--cb-color-bg-fill-brand-selected: #c3765b;
--cb-color-bg-fill-brand-disabled: #d19782;
--cb-color-text-brand: #ad5638;
--cb-color-text-brand-hovered: #b36348;
--cb-color-text-brand-pressed: #bd7860;
--cb-color-text-brand-selected: #b76b50;
--cb-color-text-brand-disabled: #cb9380;
--cb-color-border-selected: #b75c3b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #b35a3a;
--cb-color-bg-fill-brand-pressed: #a35235;
--cb-color-bg-fill-brand-selected: #ab5637;
--cb-color-bg-fill-brand-disabled: #82412a;
--cb-color-text-brand-hovered: #bc5e3d;
--cb-color-text-brand-pressed: #a35235;
--cb-color-text-brand-selected: #b35a3a;
--cb-color-text-brand-disabled: #82412a;
--cb-color-bg-surface-brand: #21100b;
--cb-color-bg-surface-brand-hovered: #311810;
--cb-color-bg-surface-brand-pressed: #422115;
--cb-color-bg-surface-brand-selected: #29140d;
--cb-color-bg-surface-brand-disabled: #190c08;
--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: #3f2f29;
--cb-color-bg-surface-brand-hovered: #4c342b;
--cb-color-bg-surface-brand-pressed: #5a392e;
--cb-color-bg-surface-brand-selected: #46312a;
--cb-color-bg-surface-brand-disabled: #382c28;}
:root{--al-color-border-selected: #bc5936;
--al-color-border-elevated-selected: #bc5936;
--al-color-outline-focused: #501d0a;
--al-color-bg-surface-brand: #fee7df;
--al-color-bg-surface-brand-hovered: #fed4c5;
--al-color-bg-surface-brand-pressed: #fdc2ad;
--al-color-bg-surface-brand-selected: #fdc2ad;
--al-color-bg-surface-brand-disabled: #fef2ee;
--al-color-bg-surface-brand-elevated: #fee7df;
--al-color-bg-surface-brand-elevated-hovered: #fed4c5;
--al-color-bg-surface-brand-elevated-pressed: #fdc2ad;
--al-color-bg-surface-brand-elevated-selected: #fdc2ad;
--al-color-bg-surface-brand-elevated-disabled: #fef2ee;
--al-color-bg-fill-brand: #bc5936;
--al-color-bg-fill-brand-hovered: #a84c2a;
--al-color-bg-fill-brand-pressed: #933f21;
--al-color-bg-fill-brand-selected: #7d3318;
--al-color-bg-fill-brand-disabled: #f9b097;
--al-color-text-brand: #a84c2a;
--al-color-text-brand-hovered: #933f21;
--al-color-text-brand-pressed: #7d3318;
--al-color-text-brand-selected: #682811;
--al-color-text-brand-disabled: #f4a083;
--al-color-text-on-bg-fill-brand: #fefbf9;
--al-color-text-on-bg-fill-brand-hovered: #fefbf9;
--al-color-text-on-bg-fill-brand-pressed: #fefbf9;
--al-color-text-on-bg-fill-brand-selected: #fefbf9;
--al-color-text-on-bg-fill-brand-disabled: #fef2ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #a84c2a;
--al-color-border-elevated-selected: #a84c2a;
--al-color-bg-fill-brand: #a84c2a;
--al-color-bg-fill-brand-hovered: #933f21;
--al-color-bg-fill-brand-pressed: #7d3318;
--al-color-bg-fill-brand-selected: #682811;
--al-color-text-brand: #7d3318;
--al-color-text-brand-hovered: #682811;
--al-color-text-brand-pressed: #501d0a;
--al-color-text-brand-selected: #341004;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #c7613e;
--al-color-border-elevated-selected: #d9734f;
--al-color-outline-focused: #fed8cc;
--al-color-bg-surface-brand: #391205;
--al-color-bg-surface-brand-hovered: #4a1a08;
--al-color-bg-surface-brand-pressed: #59210c;
--al-color-bg-surface-brand-selected: #59210c;
--al-color-bg-surface-brand-disabled: #2b0c03;
--al-color-bg-surface-brand-elevated: #4a1a08;
--al-color-bg-surface-brand-elevated-hovered: #59210c;
--al-color-bg-surface-brand-elevated-pressed: #682911;
--al-color-bg-surface-brand-elevated-selected: #682911;
--al-color-bg-surface-brand-elevated-disabled: #391205;
--al-color-bg-fill-brand: #e88867;
--al-color-bg-fill-brand-hovered: #f4a083;
--al-color-bg-fill-brand-pressed: #fbbba5;
--al-color-bg-fill-brand-selected: #fed8cc;
--al-color-bg-fill-brand-disabled: #682911;
--al-color-text-brand: #e88867;
--al-color-text-brand-hovered: #f4a083;
--al-color-text-brand-pressed: #fbbba5;
--al-color-text-brand-selected: #fed8cc;
--al-color-text-brand-disabled: #763016;
--al-color-text-on-bg-fill-brand: #1f0702;
--al-color-text-on-bg-fill-brand-hovered: #1f0702;
--al-color-text-on-bg-fill-brand-pressed: #1f0702;
--al-color-text-on-bg-fill-brand-selected: #1f0702;
--al-color-text-on-bg-fill-brand-disabled: #2b0c03;}

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