: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: #b5802a;
--cb-color-bg-fill-brand-hovered: #be8f44;
--cb-color-bg-fill-brand-pressed: #c49955;
--cb-color-bg-fill-brand-selected: #c1944c;
--cb-color-bg-fill-brand-disabled: #d0ae77;
--cb-color-text-brand: #b5802a;
--cb-color-text-brand-hovered: #bb8a3b;
--cb-color-text-brand-pressed: #c49955;
--cb-color-text-brand-selected: #be8f44;
--cb-color-text-brand-disabled: #d0ae77;
--cb-color-bg-surface-brand: #f9f5ee;
--cb-color-bg-surface-brand-hovered: #f3ebdd;
--cb-color-bg-surface-brand-pressed: #ede1cc;
--cb-color-bg-surface-brand-selected: #f6f0e5;
--cb-color-bg-surface-brand-disabled: #fcfaf7;
--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: #b5802a;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #9a6d24;
--cb-color-bg-fill-brand-hovered: #a67f3f;
--cb-color-bg-fill-brand-pressed: #ae8a50;
--cb-color-bg-fill-brand-selected: #aa8447;
--cb-color-bg-fill-brand-disabled: #bea273;
--cb-color-text-brand: #926722;
--cb-color-text-brand-hovered: #9b7333;
--cb-color-text-brand-pressed: #a8854e;
--cb-color-text-brand-selected: #9f793d;
--cb-color-text-brand-disabled: #b99e72;
--cb-color-border-selected: #9a6d24;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #9f7025;
--cb-color-bg-fill-brand-pressed: #916622;
--cb-color-bg-fill-brand-selected: #986b23;
--cb-color-bg-fill-brand-disabled: #74521b;
--cb-color-text-brand-hovered: #a77627;
--cb-color-text-brand-pressed: #916622;
--cb-color-text-brand-selected: #9f7025;
--cb-color-text-brand-disabled: #74521b;
--cb-color-bg-surface-brand: #1d1507;
--cb-color-bg-surface-brand-hovered: #2b1f0a;
--cb-color-bg-surface-brand-pressed: #3a290e;
--cb-color-bg-surface-brand-selected: #241a08;
--cb-color-bg-surface-brand-disabled: #161005;
--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: #3b3325;
--cb-color-bg-surface-brand-hovered: #473a25;
--cb-color-bg-surface-brand-pressed: #534226;
--cb-color-bg-surface-brand-selected: #413625;
--cb-color-bg-surface-brand-disabled: #362f25;}
:root{--al-color-border-selected: #9f6c14;
--al-color-border-elevated-selected: #9f6c14;
--al-color-outline-focused: #402700;
--al-color-bg-surface-brand: #f7ead8;
--al-color-bg-surface-brand-hovered: #f1dabb;
--al-color-bg-surface-brand-pressed: #eaca9e;
--al-color-bg-surface-brand-selected: #eaca9e;
--al-color-bg-surface-brand-disabled: #faf2e9;
--al-color-bg-surface-brand-elevated: #f7ead8;
--al-color-bg-surface-brand-elevated-hovered: #f1dabb;
--al-color-bg-surface-brand-elevated-pressed: #eaca9e;
--al-color-bg-surface-brand-elevated-selected: #eaca9e;
--al-color-bg-surface-brand-elevated-disabled: #faf2e9;
--al-color-bg-fill-brand: #9f6c14;
--al-color-bg-fill-brand-hovered: #8c5e05;
--al-color-bg-fill-brand-pressed: #7a5000;
--al-color-bg-fill-brand-selected: #674300;
--al-color-bg-fill-brand-disabled: #e2bb84;
--al-color-text-brand: #8c5e05;
--al-color-text-brand-hovered: #7a5000;
--al-color-text-brand-pressed: #674300;
--al-color-text-brand-selected: #553500;
--al-color-text-brand-disabled: #daad6d;
--al-color-text-on-bg-fill-brand: #fdfbf9;
--al-color-text-on-bg-fill-brand-hovered: #fdfbf9;
--al-color-text-on-bg-fill-brand-pressed: #fdfbf9;
--al-color-text-on-bg-fill-brand-selected: #fdfbf9;
--al-color-text-on-bg-fill-brand-disabled: #faf2e9;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #8c5e05;
--al-color-border-elevated-selected: #8c5e05;
--al-color-bg-fill-brand: #8c5e05;
--al-color-bg-fill-brand-hovered: #7a5000;
--al-color-bg-fill-brand-pressed: #674300;
--al-color-bg-fill-brand-selected: #553500;
--al-color-text-brand: #674300;
--al-color-text-brand-hovered: #553500;
--al-color-text-brand-pressed: #402700;
--al-color-text-brand-selected: #291700;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #a8751c;
--al-color-border-elevated-selected: #bb8531;
--al-color-outline-focused: #f2ddc2;
--al-color-bg-surface-brand: #2d1a00;
--al-color-bg-surface-brand-hovered: #3b2400;
--al-color-bg-surface-brand-pressed: #482d00;
--al-color-bg-surface-brand-selected: #482d00;
--al-color-bg-surface-brand-disabled: #231300;
--al-color-bg-surface-brand-elevated: #3b2400;
--al-color-bg-surface-brand-elevated-hovered: #482d00;
--al-color-bg-surface-brand-elevated-pressed: #563600;
--al-color-bg-surface-brand-elevated-selected: #563600;
--al-color-bg-surface-brand-elevated-disabled: #2d1a00;
--al-color-bg-fill-brand: #cc984c;
--al-color-bg-fill-brand-hovered: #daad6d;
--al-color-bg-fill-brand-pressed: #e8c494;
--al-color-bg-fill-brand-selected: #f2ddc2;
--al-color-bg-fill-brand-disabled: #563600;
--al-color-text-brand: #cc984c;
--al-color-text-brand-hovered: #daad6d;
--al-color-text-brand-pressed: #e8c494;
--al-color-text-brand-selected: #f2ddc2;
--al-color-text-brand-disabled: #613e00;
--al-color-text-on-bg-fill-brand: #180c00;
--al-color-text-on-bg-fill-brand-hovered: #180c00;
--al-color-text-on-bg-fill-brand-pressed: #180c00;
--al-color-text-on-bg-fill-brand-selected: #180c00;
--al-color-text-on-bg-fill-brand-disabled: #231300;}