: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: #a5692c;
--cb-color-bg-fill-brand-hovered: #b07b46;
--cb-color-bg-fill-brand-pressed: #b78756;
--cb-color-bg-fill-brand-selected: #b3814e;
--cb-color-bg-fill-brand-disabled: #c59f78;
--cb-color-text-brand: #a5692c;
--cb-color-text-brand-hovered: #ac753d;
--cb-color-text-brand-pressed: #b78756;
--cb-color-text-brand-selected: #b07b46;
--cb-color-text-brand-disabled: #c59f78;
--cb-color-bg-surface-brand: #f8f3ee;
--cb-color-bg-surface-brand-hovered: #f1e7dd;
--cb-color-bg-surface-brand-pressed: #e9dbcd;
--cb-color-bg-surface-brand-selected: #f4ede5;
--cb-color-bg-surface-brand-disabled: #fbf9f7;
--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: #a5692c;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #9b6329;
--cb-color-text-brand-hovered: #a36f3a;
--cb-color-text-brand-pressed: #af8254;
--cb-color-text-brand-selected: #a77643;
--cb-color-text-brand-disabled: #bf9b76;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #915c27;
--cb-color-bg-fill-brand-pressed: #845423;
--cb-color-bg-fill-brand-selected: #8a5825;
--cb-color-bg-fill-brand-disabled: #69431c;
--cb-color-text-brand-hovered: #986129;
--cb-color-text-brand-pressed: #845423;
--cb-color-text-brand-selected: #915c27;
--cb-color-text-brand-disabled: #69431c;
--cb-color-bg-surface-brand: #1b1107;
--cb-color-bg-surface-brand-hovered: #27190b;
--cb-color-bg-surface-brand-pressed: #35220e;
--cb-color-bg-surface-brand-selected: #211509;
--cb-color-bg-surface-brand-disabled: #140d05;
--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: #392f25;
--cb-color-bg-surface-brand-hovered: #433526;
--cb-color-bg-surface-brand-pressed: #4d3a27;
--cb-color-bg-surface-brand-selected: #3e3226;
--cb-color-bg-surface-brand-disabled: #342c25;}
:root{--al-color-border-selected: #a5692c;
--al-color-border-elevated-selected: #a5692c;
--al-color-outline-focused: #462500;
--al-color-bg-surface-brand: #f6eae0;
--al-color-bg-surface-brand-hovered: #efd9c6;
--al-color-bg-surface-brand-pressed: #e8c9ae;
--al-color-bg-surface-brand-selected: #e8c9ae;
--al-color-bg-surface-brand-disabled: #f9f3ee;
--al-color-bg-surface-brand-elevated: #f6eae0;
--al-color-bg-surface-brand-elevated-hovered: #efd9c6;
--al-color-bg-surface-brand-elevated-pressed: #e8c9ae;
--al-color-bg-surface-brand-elevated-selected: #e8c9ae;
--al-color-bg-surface-brand-elevated-disabled: #f9f3ee;
--al-color-bg-fill-brand: #a5692c;
--al-color-bg-fill-brand-hovered: #935a1d;
--al-color-bg-fill-brand-pressed: #814c10;
--al-color-bg-fill-brand-selected: #6e3f06;
--al-color-bg-fill-brand-disabled: #e0ba98;
--al-color-text-brand: #935a1d;
--al-color-text-brand-hovered: #814c10;
--al-color-text-brand-pressed: #6e3f06;
--al-color-text-brand-selected: #5b3201;
--al-color-text-brand-disabled: #d9ac85;
--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: #f9f3ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #935a1d;
--al-color-border-elevated-selected: #935a1d;
--al-color-bg-fill-brand: #935a1d;
--al-color-bg-fill-brand-hovered: #814c10;
--al-color-bg-fill-brand-pressed: #6e3f06;
--al-color-bg-fill-brand-selected: #5b3201;
--al-color-text-brand: #6e3f06;
--al-color-text-brand-hovered: #5b3201;
--al-color-text-brand-pressed: #462500;
--al-color-text-brand-selected: #2d1500;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #ae7136;
--al-color-border-elevated-selected: #bd834d;
--al-color-outline-focused: #f0ddcc;
--al-color-bg-surface-brand: #311800;
--al-color-bg-surface-brand-hovered: #412200;
--al-color-bg-surface-brand-pressed: #4f2a00;
--al-color-bg-surface-brand-selected: #4f2a00;
--al-color-bg-surface-brand-disabled: #271200;
--al-color-bg-surface-brand-elevated: #412200;
--al-color-bg-surface-brand-elevated-hovered: #4f2a00;
--al-color-bg-surface-brand-elevated-pressed: #5b3301;
--al-color-bg-surface-brand-elevated-selected: #5b3301;
--al-color-bg-surface-brand-elevated-disabled: #311800;
--al-color-bg-fill-brand: #cc9666;
--al-color-bg-fill-brand-hovered: #d9ac85;
--al-color-bg-fill-brand-pressed: #e5c3a6;
--al-color-bg-fill-brand-selected: #f0ddcc;
--al-color-bg-fill-brand-disabled: #5b3301;
--al-color-text-brand: #cc9666;
--al-color-text-brand-hovered: #d9ac85;
--al-color-text-brand-pressed: #e5c3a6;
--al-color-text-brand-selected: #f0ddcc;
--al-color-text-brand-disabled: #673a04;
--al-color-text-on-bg-fill-brand: #180900;
--al-color-text-on-bg-fill-brand-hovered: #180900;
--al-color-text-on-bg-fill-brand-pressed: #180900;
--al-color-text-on-bg-fill-brand-selected: #180900;
--al-color-text-on-bg-fill-brand-disabled: #271200;}

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