: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: #7f4e25;
--cb-color-bg-fill-brand-hovered: #8f6440;
--cb-color-bg-fill-brand-pressed: #997151;
--cb-color-bg-fill-brand-selected: #946a48;
--cb-color-bg-fill-brand-disabled: #ad8e74;
--cb-color-text-brand: #7f4e25;
--cb-color-text-brand-hovered: #895c36;
--cb-color-text-brand-pressed: #997151;
--cb-color-text-brand-selected: #8f6440;
--cb-color-text-brand-disabled: #ad8e74;
--cb-color-bg-surface-brand: #f5f1ee;
--cb-color-bg-surface-brand-hovered: #eae3dc;
--cb-color-bg-surface-brand-pressed: #e0d5cb;
--cb-color-bg-surface-brand-selected: #efe9e4;
--cb-color-bg-surface-brand-disabled: #faf8f6;
--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: #7f4e25;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #704521;
--cb-color-bg-fill-brand-pressed: #663e1e;
--cb-color-bg-fill-brand-selected: #6b411f;
--cb-color-bg-fill-brand-disabled: #513218;
--cb-color-text-brand-hovered: #754822;
--cb-color-text-brand-pressed: #663e1e;
--cb-color-text-brand-selected: #704521;
--cb-color-text-brand-disabled: #513218;
--cb-color-bg-surface-brand: #140d06;
--cb-color-bg-surface-brand-hovered: #1e1309;
--cb-color-bg-surface-brand-pressed: #29190c;
--cb-color-bg-surface-brand-selected: #191007;
--cb-color-bg-surface-brand-disabled: #0f0904;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #332b24;
--cb-color-bg-surface-brand-hovered: #3a2e24;
--cb-color-bg-surface-brand-pressed: #413224;
--cb-color-bg-surface-brand-selected: #362c24;
--cb-color-bg-surface-brand-disabled: #2f2924;}
:root{--al-color-border-selected: #9c6c47;
--al-color-border-elevated-selected: #9c6c47;
--al-color-outline-focused: #472403;
--al-color-bg-surface-brand: #f2ebe6;
--al-color-bg-surface-brand-hovered: #e8dacf;
--al-color-bg-surface-brand-pressed: #dfcbbd;
--al-color-bg-surface-brand-selected: #dfcbbd;
--al-color-bg-surface-brand-disabled: #f7f3f0;
--al-color-bg-surface-brand-elevated: #f2ebe6;
--al-color-bg-surface-brand-elevated-hovered: #e8dacf;
--al-color-bg-surface-brand-elevated-pressed: #dfcbbd;
--al-color-bg-surface-brand-elevated-selected: #dfcbbd;
--al-color-bg-surface-brand-elevated-disabled: #f7f3f0;
--al-color-bg-fill-brand: #9c6c47;
--al-color-bg-fill-brand-hovered: #8e5c35;
--al-color-bg-fill-brand-pressed: #7e4d24;
--al-color-bg-fill-brand-selected: #6e3f16;
--al-color-bg-fill-brand-disabled: #d6bdaa;
--al-color-text-brand: #8e5c35;
--al-color-text-brand-hovered: #7e4d24;
--al-color-text-brand-pressed: #6e3f16;
--al-color-text-brand-selected: #5b320b;
--al-color-text-brand-disabled: #cdaf99;
--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: #f7f3f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #8e5c35;
--al-color-border-elevated-selected: #8e5c35;
--al-color-bg-fill-brand: #8e5c35;
--al-color-bg-fill-brand-hovered: #7e4d24;
--al-color-bg-fill-brand-pressed: #6e3f16;
--al-color-bg-fill-brand-selected: #5b320b;
--al-color-text-brand: #6e3f16;
--al-color-text-brand-hovered: #5b320b;
--al-color-text-brand-pressed: #472403;
--al-color-text-brand-selected: #2e1400;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #a37551;
--al-color-border-elevated-selected: #b18767;
--al-color-outline-focused: #ebded5;
--al-color-bg-surface-brand: #311600;
--al-color-bg-surface-brand-hovered: #422102;
--al-color-bg-surface-brand-pressed: #4f2905;
--al-color-bg-surface-brand-selected: #4f2905;
--al-color-bg-surface-brand-disabled: #261000;
--al-color-bg-surface-brand-elevated: #422102;
--al-color-bg-surface-brand-elevated-hovered: #4f2905;
--al-color-bg-surface-brand-elevated-pressed: #5c320b;
--al-color-bg-surface-brand-elevated-selected: #5c320b;
--al-color-bg-surface-brand-elevated-disabled: #311600;
--al-color-bg-fill-brand: #bf9a7f;
--al-color-bg-fill-brand-hovered: #cdaf99;
--al-color-bg-fill-brand-pressed: #dcc5b5;
--al-color-bg-fill-brand-selected: #ebded5;
--al-color-bg-fill-brand-disabled: #5c320b;
--al-color-text-brand: #bf9a7f;
--al-color-text-brand-hovered: #cdaf99;
--al-color-text-brand-pressed: #dcc5b5;
--al-color-text-brand-selected: #ebded5;
--al-color-text-brand-disabled: #673a12;
--al-color-text-on-bg-fill-brand: #1c0a00;
--al-color-text-on-bg-fill-brand-hovered: #1c0a00;
--al-color-text-on-bg-fill-brand-pressed: #1c0a00;
--al-color-text-on-bg-fill-brand-selected: #1c0a00;
--al-color-text-on-bg-fill-brand-disabled: #261000;}

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