: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: #f7621d;
--cb-color-bg-fill-brand-hovered: #f87538;
--cb-color-bg-fill-brand-pressed: #f9814a;
--cb-color-bg-fill-brand-selected: #f87b41;
--cb-color-bg-fill-brand-disabled: #fa9b6f;
--cb-color-text-brand: #f7621d;
--cb-color-text-brand-hovered: #f86e2f;
--cb-color-text-brand-pressed: #f9814a;
--cb-color-text-brand-selected: #f87538;
--cb-color-text-brand-disabled: #fa9b6f;
--cb-color-bg-surface-brand: #fef3ed;
--cb-color-bg-surface-brand-hovered: #fee6db;
--cb-color-bg-surface-brand-pressed: #fdd9c9;
--cb-color-bg-surface-brand-selected: #feece4;
--cb-color-bg-surface-brand-disabled: #fff9f6;
--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: #f7621d;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #c64e17;
--cb-color-bg-fill-brand-hovered: #cd6433;
--cb-color-bg-fill-brand-pressed: #d17145;
--cb-color-bg-fill-brand-selected: #cf6a3c;
--cb-color-bg-fill-brand-disabled: #db8e6b;
--cb-color-text-brand: #bb4a16;
--cb-color-text-brand-hovered: #c05828;
--cb-color-text-brand-pressed: #c96e45;
--cb-color-text-brand-selected: #c36032;
--cb-color-text-brand-disabled: #d48b6a;
--cb-color-border-selected: #c64e17;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d95619;
--cb-color-bg-fill-brand-pressed: #c64e17;
--cb-color-bg-fill-brand-selected: #cf5218;
--cb-color-bg-fill-brand-disabled: #9e3f13;
--cb-color-text-brand-hovered: #e45a1b;
--cb-color-text-brand-pressed: #c64e17;
--cb-color-text-brand-selected: #d95619;
--cb-color-text-brand-disabled: #9e3f13;
--cb-color-bg-surface-brand: #281005;
--cb-color-bg-surface-brand-hovered: #3b1707;
--cb-color-bg-surface-brand-pressed: #4f2009;
--cb-color-bg-surface-brand-selected: #311406;
--cb-color-bg-surface-brand-disabled: #1e0c04;
--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: #462e23;
--cb-color-bg-surface-brand-hovered: #563322;
--cb-color-bg-surface-brand-pressed: #683822;
--cb-color-bg-surface-brand-selected: #4e3023;
--cb-color-bg-surface-brand-disabled: #3e2c23;}
:root{--al-color-border-selected: #d14800;
--al-color-border-elevated-selected: #d14800;
--al-color-outline-focused: #591400;
--al-color-bg-surface-brand: #ffe7da;
--al-color-bg-surface-brand-hovered: #ffd3bb;
--al-color-bg-surface-brand-pressed: #ffc2a3;
--al-color-bg-surface-brand-selected: #ffc2a3;
--al-color-bg-surface-brand-disabled: #fff0e9;
--al-color-bg-surface-brand-elevated: #ffe7da;
--al-color-bg-surface-brand-elevated-hovered: #ffd3bb;
--al-color-bg-surface-brand-elevated-pressed: #ffc2a3;
--al-color-bg-surface-brand-elevated-selected: #ffc2a3;
--al-color-bg-surface-brand-elevated-disabled: #fff0e9;
--al-color-bg-fill-brand: #d14800;
--al-color-bg-fill-brand-hovered: #ba3b00;
--al-color-bg-fill-brand-pressed: #a23100;
--al-color-bg-fill-brand-selected: #8a2700;
--al-color-bg-fill-brand-disabled: #ffae86;
--al-color-text-brand: #ba3b00;
--al-color-text-brand-hovered: #a23100;
--al-color-text-brand-pressed: #8a2700;
--al-color-text-brand-selected: #731d00;
--al-color-text-brand-disabled: #ff9b6c;
--al-color-text-on-bg-fill-brand: #fffbfa;
--al-color-text-on-bg-fill-brand-hovered: #fffbfa;
--al-color-text-on-bg-fill-brand-pressed: #fffbfa;
--al-color-text-on-bg-fill-brand-selected: #fffbfa;
--al-color-text-on-bg-fill-brand-disabled: #fff0e9;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ba3b00;
--al-color-border-elevated-selected: #ba3b00;
--al-color-bg-fill-brand: #ba3b00;
--al-color-bg-fill-brand-hovered: #a23100;
--al-color-bg-fill-brand-pressed: #8a2700;
--al-color-bg-fill-brand-selected: #731d00;
--al-color-text-brand: #8a2700;
--al-color-text-brand-hovered: #731d00;
--al-color-text-brand-pressed: #591400;
--al-color-text-brand-selected: #390a00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #de4f00;
--al-color-border-elevated-selected: #f46019;
--al-color-outline-focused: #ffd8c4;
--al-color-bg-surface-brand: #3d0b00;
--al-color-bg-surface-brand-hovered: #521200;
--al-color-bg-surface-brand-pressed: #631800;
--al-color-bg-surface-brand-selected: #631800;
--al-color-bg-surface-brand-disabled: #310700;
--al-color-bg-surface-brand-elevated: #521200;
--al-color-bg-surface-brand-elevated-hovered: #631800;
--al-color-bg-surface-brand-elevated-pressed: #731e00;
--al-color-bg-surface-brand-elevated-selected: #731e00;
--al-color-bg-surface-brand-elevated-disabled: #3d0b00;
--al-color-bg-fill-brand: #ff7b41;
--al-color-bg-fill-brand-hovered: #ff9b6d;
--al-color-bg-fill-brand-pressed: #ffba98;
--al-color-bg-fill-brand-selected: #ffd8c4;
--al-color-bg-fill-brand-disabled: #731e00;
--al-color-text-brand: #ff7b41;
--al-color-text-brand-hovered: #ff9b6d;
--al-color-text-brand-pressed: #ffba98;
--al-color-text-brand-selected: #ffd8c4;
--al-color-text-brand-disabled: #822300;
--al-color-text-on-bg-fill-brand: #220400;
--al-color-text-on-bg-fill-brand-hovered: #220400;
--al-color-text-on-bg-fill-brand-pressed: #220400;
--al-color-text-on-bg-fill-brand-selected: #220400;
--al-color-text-on-bg-fill-brand-disabled: #310700;}

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