: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: #b34f19;
--cb-color-bg-fill-brand-hovered: #bc6435;
--cb-color-bg-fill-brand-pressed: #c27247;
--cb-color-bg-fill-brand-selected: #bf6b3e;
--cb-color-bg-fill-brand-disabled: #ce8e6c;
--cb-color-text-brand: #b34f19;
--cb-color-text-brand-hovered: #b95d2b;
--cb-color-text-brand-pressed: #c27247;
--cb-color-text-brand-selected: #bc6435;
--cb-color-text-brand-disabled: #ce8e6c;
--cb-color-bg-surface-brand: #f9f1ed;
--cb-color-bg-surface-brand-hovered: #f3e3da;
--cb-color-bg-surface-brand-pressed: #edd5c8;
--cb-color-bg-surface-brand-selected: #f6eae3;
--cb-color-bg-surface-brand-disabled: #fcf8f6;
--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: #b34f19;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #9d4516;
--cb-color-bg-fill-brand-pressed: #8f3f14;
--cb-color-bg-fill-brand-selected: #964215;
--cb-color-bg-fill-brand-disabled: #723210;
--cb-color-text-brand-hovered: #a54917;
--cb-color-text-brand-pressed: #8f3f14;
--cb-color-text-brand-selected: #9d4516;
--cb-color-text-brand-disabled: #723210;
--cb-color-bg-surface-brand: #1d0d04;
--cb-color-bg-surface-brand-hovered: #2b1306;
--cb-color-bg-surface-brand-pressed: #3a1908;
--cb-color-bg-surface-brand-selected: #241005;
--cb-color-bg-surface-brand-disabled: #160a03;
--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: #3b2b22;
--cb-color-bg-surface-brand-hovered: #462e21;
--cb-color-bg-surface-brand-pressed: #523220;
--cb-color-bg-surface-brand-selected: #412d22;
--cb-color-bg-surface-brand-disabled: #352923;}
:root{--al-color-border-selected: #bd5927;
--al-color-border-elevated-selected: #bd5927;
--al-color-outline-focused: #561800;
--al-color-bg-surface-brand: #fbe9e2;
--al-color-bg-surface-brand-hovered: #f7d6c8;
--al-color-bg-surface-brand-pressed: #f4c5b1;
--al-color-bg-surface-brand-selected: #f4c5b1;
--al-color-bg-surface-brand-disabled: #fcf2ee;
--al-color-bg-surface-brand-elevated: #fbe9e2;
--al-color-bg-surface-brand-elevated-hovered: #f7d6c8;
--al-color-bg-surface-brand-elevated-pressed: #f4c5b1;
--al-color-bg-surface-brand-elevated-selected: #f4c5b1;
--al-color-bg-surface-brand-elevated-disabled: #fcf2ee;
--al-color-bg-fill-brand: #bd5927;
--al-color-bg-fill-brand-hovered: #ac4911;
--al-color-bg-fill-brand-pressed: #993b00;
--al-color-bg-fill-brand-selected: #842f00;
--al-color-bg-fill-brand-disabled: #efb49b;
--al-color-text-brand: #ac4911;
--al-color-text-brand-hovered: #993b00;
--al-color-text-brand-pressed: #842f00;
--al-color-text-brand-selected: #6e2300;
--al-color-text-brand-disabled: #eaa486;
--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: #fcf2ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ac4911;
--al-color-border-elevated-selected: #ac4911;
--al-color-bg-fill-brand: #ac4911;
--al-color-bg-fill-brand-hovered: #993b00;
--al-color-bg-fill-brand-pressed: #842f00;
--al-color-bg-fill-brand-selected: #6e2300;
--al-color-text-brand: #842f00;
--al-color-text-brand-hovered: #6e2300;
--al-color-text-brand-pressed: #561800;
--al-color-text-brand-selected: #380c00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #c66333;
--al-color-border-elevated-selected: #d3774c;
--al-color-outline-focused: #f8dace;
--al-color-bg-surface-brand: #3d0e00;
--al-color-bg-surface-brand-hovered: #4f1500;
--al-color-bg-surface-brand-pressed: #5f1d00;
--al-color-bg-surface-brand-selected: #5f1d00;
--al-color-bg-surface-brand-disabled: #2f0900;
--al-color-bg-surface-brand-elevated: #4f1500;
--al-color-bg-surface-brand-elevated-hovered: #5f1d00;
--al-color-bg-surface-brand-elevated-pressed: #6e2400;
--al-color-bg-surface-brand-elevated-selected: #6e2400;
--al-color-bg-surface-brand-elevated-disabled: #3d0e00;
--al-color-bg-fill-brand: #df8d68;
--al-color-bg-fill-brand-hovered: #eaa486;
--al-color-bg-fill-brand-pressed: #f2bea8;
--al-color-bg-fill-brand-selected: #f8dace;
--al-color-bg-fill-brand-disabled: #6e2400;
--al-color-text-brand: #df8d68;
--al-color-text-brand-hovered: #eaa486;
--al-color-text-brand-pressed: #f2bea8;
--al-color-text-brand-selected: #f8dace;
--al-color-text-brand-disabled: #7c2b00;
--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: #2f0900;}

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