: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: #8a7415;
--cb-color-bg-fill-brand-hovered: #988531;
--cb-color-bg-fill-brand-pressed: #a19044;
--cb-color-bg-fill-brand-selected: #9d8a3b;
--cb-color-bg-fill-brand-disabled: #b4a669;
--cb-color-text-brand: #8a7415;
--cb-color-text-brand-hovered: #937f27;
--cb-color-text-brand-pressed: #a19044;
--cb-color-text-brand-selected: #988531;
--cb-color-text-brand-disabled: #b4a669;
--cb-color-bg-surface-brand: #f6f4ed;
--cb-color-bg-surface-brand-hovered: #ece9d9;
--cb-color-bg-surface-brand-pressed: #e3dec7;
--cb-color-bg-surface-brand-selected: #f1eee3;
--cb-color-bg-surface-brand-disabled: #fafaf6;
--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: #8a7415;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #836e14;
--cb-color-text-brand-hovered: #8d7926;
--cb-color-text-brand-pressed: #9c8b43;
--cb-color-text-brand-selected: #928031;
--cb-color-text-brand-disabled: #b0a269;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #796612;
--cb-color-bg-fill-brand-pressed: #6e5d11;
--cb-color-bg-fill-brand-selected: #746112;
--cb-color-bg-fill-brand-disabled: #584a0d;
--cb-color-text-brand-hovered: #7f6b13;
--cb-color-text-brand-pressed: #6e5d11;
--cb-color-text-brand-selected: #796612;
--cb-color-text-brand-disabled: #584a0d;
--cb-color-bg-surface-brand: #161303;
--cb-color-bg-surface-brand-hovered: #211c05;
--cb-color-bg-surface-brand-pressed: #2c2507;
--cb-color-bg-surface-brand-selected: #1c1704;
--cb-color-bg-surface-brand-disabled: #110e03;
--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: #343122;
--cb-color-bg-surface-brand-hovered: #3c3720;
--cb-color-bg-surface-brand-pressed: #453e1f;
--cb-color-bg-surface-brand-selected: #383421;
--cb-color-bg-surface-brand-disabled: #302e22;}
:root{--al-color-border-selected: #8b7517;
--al-color-border-elevated-selected: #8b7517;
--al-color-outline-focused: #382b00;
--al-color-bg-surface-brand: #f0ecdf;
--al-color-bg-surface-brand-hovered: #e4ddc4;
--al-color-bg-surface-brand-pressed: #d9cfab;
--al-color-bg-surface-brand-selected: #d9cfab;
--al-color-bg-surface-brand-disabled: #f6f4ed;
--al-color-bg-surface-brand-elevated: #f0ecdf;
--al-color-bg-surface-brand-elevated-hovered: #e4ddc4;
--al-color-bg-surface-brand-elevated-pressed: #d9cfab;
--al-color-bg-surface-brand-elevated-selected: #d9cfab;
--al-color-bg-surface-brand-elevated-disabled: #f6f4ed;
--al-color-bg-fill-brand: #8b7517;
--al-color-bg-fill-brand-hovered: #7b6500;
--al-color-bg-fill-brand-pressed: #6a5700;
--al-color-bg-fill-brand-selected: #5a4800;
--al-color-bg-fill-brand-disabled: #cec192;
--al-color-text-brand: #7b6500;
--al-color-text-brand-hovered: #6a5700;
--al-color-text-brand-pressed: #5a4800;
--al-color-text-brand-selected: #4a3a00;
--al-color-text-brand-disabled: #c3b47c;
--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: #f6f4ed;}

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

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #937d25;
--al-color-border-elevated-selected: #a38e3f;
--al-color-outline-focused: #e6e0ca;
--al-color-bg-surface-brand: #261c00;
--al-color-bg-surface-brand-hovered: #332800;
--al-color-bg-surface-brand-pressed: #3f3100;
--al-color-bg-surface-brand-selected: #3f3100;
--al-color-bg-surface-brand-disabled: #1d1500;
--al-color-bg-surface-brand-elevated: #332800;
--al-color-bg-surface-brand-elevated-hovered: #3f3100;
--al-color-bg-surface-brand-elevated-pressed: #4a3b00;
--al-color-bg-surface-brand-elevated-selected: #4a3b00;
--al-color-bg-surface-brand-elevated-disabled: #261c00;
--al-color-bg-fill-brand: #b3a15d;
--al-color-bg-fill-brand-hovered: #c3b47d;
--al-color-bg-fill-brand-pressed: #d4c9a1;
--al-color-bg-fill-brand-selected: #e6e0ca;
--al-color-bg-fill-brand-disabled: #4a3b00;
--al-color-text-brand: #b3a15d;
--al-color-text-brand-hovered: #c3b47d;
--al-color-text-brand-pressed: #d4c9a1;
--al-color-text-brand-selected: #e6e0ca;
--al-color-text-brand-disabled: #544400;
--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: #1d1500;}

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