: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: #e2b960;
--cb-color-bg-fill-brand-hovered: #e6c273;
--cb-color-bg-fill-brand-pressed: #e8c780;
--cb-color-bg-fill-brand-selected: #e7c47a;
--cb-color-bg-fill-brand-disabled: #ecd299;
--cb-color-text-brand: #e2b960;
--cb-color-text-brand-hovered: #e4be6c;
--cb-color-text-brand-pressed: #e8c780;
--cb-color-text-brand-selected: #e6c273;
--cb-color-text-brand-disabled: #ecd299;
--cb-color-bg-surface-brand: #fdfaf3;
--cb-color-bg-surface-brand-hovered: #faf4e5;
--cb-color-bg-surface-brand-pressed: #f8eed9;
--cb-color-bg-surface-brand-selected: #fbf6ec;
--cb-color-bg-surface-brand-disabled: #fefcf9;
--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: #e2b960;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #876e39;
--cb-color-bg-fill-brand-hovered: #968051;
--cb-color-bg-fill-brand-pressed: #9f8b61;
--cb-color-bg-fill-brand-selected: #9a8559;
--cb-color-bg-fill-brand-disabled: #b2a280;
--cb-color-text-brand: #836b38;
--cb-color-text-brand-hovered: #8d7748;
--cb-color-text-brand-pressed: #9c8960;
--cb-color-text-brand-selected: #927d50;
--cb-color-text-brand-disabled: #b0a080;
--cb-color-border-selected: #876e39;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #c7a354;
--cb-color-bg-fill-brand-pressed: #b5944d;
--cb-color-bg-fill-brand-selected: #be9b51;
--cb-color-bg-fill-brand-disabled: #90763d;
--cb-color-text-brand-hovered: #d0aa58;
--cb-color-text-brand-pressed: #b5944d;
--cb-color-text-brand-selected: #c7a354;
--cb-color-text-brand-disabled: #90763d;
--cb-color-bg-surface-brand: #241e0f;
--cb-color-bg-surface-brand-hovered: #362c17;
--cb-color-bg-surface-brand-pressed: #493b1f;
--cb-color-bg-surface-brand-selected: #2d2513;
--cb-color-bg-surface-brand-disabled: #1b160c;
--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: #433c2e;
--cb-color-bg-surface-brand-hovered: #514832;
--cb-color-bg-surface-brand-pressed: #615437;
--cb-color-bg-surface-brand-selected: #4a4230;
--cb-color-bg-surface-brand-disabled: #3b362b;}
:root{--al-color-border-selected: #91722e;
--al-color-border-elevated-selected: #91722e;
--al-color-outline-focused: #392b0b;
--al-color-bg-surface-brand: #ffebb9;
--al-color-bg-surface-brand-hovered: #fdd88c;
--al-color-bg-surface-brand-pressed: #f1c973;
--al-color-bg-surface-brand-selected: #f1c973;
--al-color-bg-surface-brand-disabled: #fff4d7;
--al-color-bg-surface-brand-elevated: #ffebb9;
--al-color-bg-surface-brand-elevated-hovered: #fdd88c;
--al-color-bg-surface-brand-elevated-pressed: #f1c973;
--al-color-bg-surface-brand-elevated-selected: #f1c973;
--al-color-bg-surface-brand-elevated-disabled: #fff4d7;
--al-color-bg-fill-brand: #91722e;
--al-color-bg-fill-brand-hovered: #7f6326;
--al-color-bg-fill-brand-pressed: #6d551f;
--al-color-bg-fill-brand-selected: #5c4718;
--al-color-bg-fill-brand-disabled: #e5bc63;
--al-color-text-brand: #7f6326;
--al-color-text-brand-hovered: #6d551f;
--al-color-text-brand-pressed: #5c4718;
--al-color-text-brand-selected: #4b3912;
--al-color-text-brand-disabled: #d7af56;
--al-color-text-on-bg-fill-brand: #fffcf6;
--al-color-text-on-bg-fill-brand-hovered: #fffcf6;
--al-color-text-on-bg-fill-brand-pressed: #fffcf6;
--al-color-text-on-bg-fill-brand-selected: #fffcf6;
--al-color-text-on-bg-fill-brand-disabled: #fff4d7;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7f6326;
--al-color-border-elevated-selected: #7f6326;
--al-color-bg-fill-brand: #7f6326;
--al-color-bg-fill-brand-hovered: #6d551f;
--al-color-bg-fill-brand-pressed: #5c4718;
--al-color-bg-fill-brand-selected: #4b3912;
--al-color-text-brand: #5c4718;
--al-color-text-brand-hovered: #4b3912;
--al-color-text-brand-pressed: #392b0b;
--al-color-text-brand-selected: #231a05;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #9a7a32;
--al-color-border-elevated-selected: #ad8a3c;
--al-color-outline-focused: #ffdc94;
--al-color-bg-surface-brand: #271d06;
--al-color-bg-surface-brand-hovered: #342709;
--al-color-bg-surface-brand-pressed: #40310e;
--al-color-bg-surface-brand-selected: #40310e;
--al-color-bg-surface-brand-disabled: #1d1503;
--al-color-bg-surface-brand-elevated: #342709;
--al-color-bg-surface-brand-elevated-hovered: #40310e;
--al-color-bg-surface-brand-elevated-pressed: #4c3a12;
--al-color-bg-surface-brand-elevated-selected: #4c3a12;
--al-color-bg-surface-brand-elevated-disabled: #271d06;
--al-color-bg-fill-brand: #c29c48;
--al-color-bg-fill-brand-hovered: #d8af57;
--al-color-bg-fill-brand-pressed: #edc46d;
--al-color-bg-fill-brand-selected: #ffdc94;
--al-color-bg-fill-brand-disabled: #4c3a12;
--al-color-text-brand: #c29c48;
--al-color-text-brand-hovered: #d8af57;
--al-color-text-brand-pressed: #edc46d;
--al-color-text-brand-selected: #ffdc94;
--al-color-text-brand-disabled: #564216;
--al-color-text-on-bg-fill-brand: #130d02;
--al-color-text-on-bg-fill-brand-hovered: #130d02;
--al-color-text-on-bg-fill-brand-pressed: #130d02;
--al-color-text-on-bg-fill-brand-selected: #130d02;
--al-color-text-on-bg-fill-brand-disabled: #1d1503;}