: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: #7e6915;
--cb-color-bg-fill-brand-hovered: #8e7b31;
--cb-color-bg-fill-brand-pressed: #988744;
--cb-color-bg-fill-brand-selected: #93813b;
--cb-color-bg-fill-brand-disabled: #ad9f69;
--cb-color-text-brand: #7e6915;
--cb-color-text-brand-hovered: #887527;
--cb-color-text-brand-pressed: #988744;
--cb-color-text-brand-selected: #8e7b31;
--cb-color-text-brand-disabled: #ad9f69;
--cb-color-bg-surface-brand: #f5f3ed;
--cb-color-bg-surface-brand-hovered: #eae7d9;
--cb-color-bg-surface-brand-pressed: #e0dbc7;
--cb-color-bg-surface-brand-selected: #efede3;
--cb-color-bg-surface-brand-disabled: #faf9f6;
--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: #7e6915;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #6f5c12;
--cb-color-bg-fill-brand-pressed: #655411;
--cb-color-bg-fill-brand-selected: #6a5812;
--cb-color-bg-fill-brand-disabled: #51430d;
--cb-color-text-brand-hovered: #746113;
--cb-color-text-brand-pressed: #655411;
--cb-color-text-brand-selected: #6f5c12;
--cb-color-text-brand-disabled: #51430d;
--cb-color-bg-surface-brand: #141103;
--cb-color-bg-surface-brand-hovered: #1e1905;
--cb-color-bg-surface-brand-pressed: #292207;
--cb-color-bg-surface-brand-selected: #191504;
--cb-color-bg-surface-brand-disabled: #0f0d03;
--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: #322f22;
--cb-color-bg-surface-brand-hovered: #3a3520;
--cb-color-bg-surface-brand-pressed: #413a1f;
--cb-color-bg-surface-brand-selected: #363221;
--cb-color-bg-surface-brand-disabled: #2f2c22;}
:root{--al-color-border-selected: #8a7527;
--al-color-border-elevated-selected: #8a7527;
--al-color-outline-focused: #392b00;
--al-color-bg-surface-brand: #efece0;
--al-color-bg-surface-brand-hovered: #e2dcc7;
--al-color-bg-surface-brand-pressed: #d7cfb1;
--al-color-bg-surface-brand-selected: #d7cfb1;
--al-color-bg-surface-brand-disabled: #f6f4ee;
--al-color-bg-surface-brand-elevated: #efece0;
--al-color-bg-surface-brand-elevated-hovered: #e2dcc7;
--al-color-bg-surface-brand-elevated-pressed: #d7cfb1;
--al-color-bg-surface-brand-elevated-selected: #d7cfb1;
--al-color-bg-surface-brand-elevated-disabled: #f6f4ee;
--al-color-bg-fill-brand: #8a7527;
--al-color-bg-fill-brand-hovered: #7a650f;
--al-color-bg-fill-brand-pressed: #6a5600;
--al-color-bg-fill-brand-selected: #5b4800;
--al-color-bg-fill-brand-disabled: #ccc19b;
--al-color-text-brand: #7a650f;
--al-color-text-brand-hovered: #6a5600;
--al-color-text-brand-pressed: #5b4800;
--al-color-text-brand-selected: #4a3a00;
--al-color-text-brand-disabled: #c1b486;
--al-color-text-on-bg-fill-brand: #fcfbf9;
--al-color-text-on-bg-fill-brand-hovered: #fcfbf9;
--al-color-text-on-bg-fill-brand-pressed: #fcfbf9;
--al-color-text-on-bg-fill-brand-selected: #fcfbf9;
--al-color-text-on-bg-fill-brand-disabled: #f6f4ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7a650f;
--al-color-border-elevated-selected: #7a650f;
--al-color-bg-fill-brand: #7a650f;
--al-color-bg-fill-brand-hovered: #6a5600;
--al-color-bg-fill-brand-pressed: #5b4800;
--al-color-bg-fill-brand-selected: #4a3a00;
--al-color-text-brand: #5b4800;
--al-color-text-brand-hovered: #4a3a00;
--al-color-text-brand-pressed: #392b00;
--al-color-text-brand-selected: #231a00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #927d34;
--al-color-border-elevated-selected: #a18e4d;
--al-color-outline-focused: #e6e0ce;
--al-color-bg-surface-brand: #271d00;
--al-color-bg-surface-brand-hovered: #342800;
--al-color-bg-surface-brand-pressed: #403100;
--al-color-bg-surface-brand-selected: #403100;
--al-color-bg-surface-brand-disabled: #1e1600;
--al-color-bg-surface-brand-elevated: #342800;
--al-color-bg-surface-brand-elevated-hovered: #403100;
--al-color-bg-surface-brand-elevated-pressed: #4b3b00;
--al-color-bg-surface-brand-elevated-selected: #4b3b00;
--al-color-bg-surface-brand-elevated-disabled: #271d00;
--al-color-bg-fill-brand: #b1a168;
--al-color-bg-fill-brand-hovered: #c2b487;
--al-color-bg-fill-brand-pressed: #d3c9a9;
--al-color-bg-fill-brand-selected: #e6e0ce;
--al-color-bg-fill-brand-disabled: #4b3b00;
--al-color-text-brand: #b1a168;
--al-color-text-brand-hovered: #c2b487;
--al-color-text-brand-pressed: #d3c9a9;
--al-color-text-brand-selected: #e6e0ce;
--al-color-text-brand-disabled: #554300;
--al-color-text-on-bg-fill-brand: #130d00;
--al-color-text-on-bg-fill-brand-hovered: #130d00;
--al-color-text-on-bg-fill-brand-pressed: #130d00;
--al-color-text-on-bg-fill-brand-selected: #130d00;
--al-color-text-on-bg-fill-brand-disabled: #1e1600;}

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