: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: #f96709;
--cb-color-bg-fill-brand-hovered: #fa7927;
--cb-color-bg-fill-brand-pressed: #fa853a;
--cb-color-bg-fill-brand-selected: #fa7f31;
--cb-color-bg-fill-brand-disabled: #fb9e62;
--cb-color-text-brand: #f96709;
--cb-color-text-brand-hovered: #f9731c;
--cb-color-text-brand-pressed: #fa853a;
--cb-color-text-brand-selected: #fa7927;
--cb-color-text-brand-disabled: #fb9e62;
--cb-color-bg-surface-brand: #fff3ec;
--cb-color-bg-surface-brand-hovered: #fee7d7;
--cb-color-bg-surface-brand-pressed: #fedbc4;
--cb-color-bg-surface-brand-selected: #feede1;
--cb-color-bg-surface-brand-disabled: #fff9f5;
--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: #f96709;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #c35107;
--cb-color-bg-fill-brand-hovered: #ca6625;
--cb-color-bg-fill-brand-pressed: #cf7439;
--cb-color-bg-fill-brand-selected: #cd6d2f;
--cb-color-bg-fill-brand-disabled: #d99060;
--cb-color-text-brand: #b94c07;
--cb-color-text-brand-hovered: #be5a1a;
--cb-color-text-brand-pressed: #c77039;
--cb-color-text-brand-selected: #c26225;
--cb-color-text-brand-disabled: #d28d60;
--cb-color-border-selected: #c35107;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #db5a08;
--cb-color-bg-fill-brand-pressed: #c75207;
--cb-color-bg-fill-brand-selected: #d15608;
--cb-color-bg-fill-brand-disabled: #9f4206;
--cb-color-text-brand-hovered: #e55f08;
--cb-color-text-brand-pressed: #c75207;
--cb-color-text-brand-selected: #db5a08;
--cb-color-text-brand-disabled: #9f4206;
--cb-color-bg-surface-brand: #281101;
--cb-color-bg-surface-brand-hovered: #3c1902;
--cb-color-bg-surface-brand-pressed: #502103;
--cb-color-bg-surface-brand-selected: #321502;
--cb-color-bg-surface-brand-disabled: #1e0d01;
--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: #462f20;
--cb-color-bg-surface-brand-hovered: #57341e;
--cb-color-bg-surface-brand-pressed: #683a1b;
--cb-color-bg-surface-brand-selected: #4f311f;
--cb-color-bg-surface-brand-disabled: #3e2c21;}
:root{--al-color-border-selected: #cf4a00;
--al-color-border-elevated-selected: #cf4a00;
--al-color-outline-focused: #571600;
--al-color-bg-surface-brand: #ffe7d8;
--al-color-bg-surface-brand-hovered: #ffd4ba;
--al-color-bg-surface-brand-pressed: #ffc19b;
--al-color-bg-surface-brand-selected: #ffc19b;
--al-color-bg-surface-brand-disabled: #fff1e8;
--al-color-bg-surface-brand-elevated: #ffe7d8;
--al-color-bg-surface-brand-elevated-hovered: #ffd4ba;
--al-color-bg-surface-brand-elevated-pressed: #ffc19b;
--al-color-bg-surface-brand-elevated-selected: #ffc19b;
--al-color-bg-surface-brand-elevated-disabled: #fff1e8;
--al-color-bg-fill-brand: #cf4a00;
--al-color-bg-fill-brand-hovered: #b83e00;
--al-color-bg-fill-brand-pressed: #a03300;
--al-color-bg-fill-brand-selected: #892900;
--al-color-bg-fill-brand-disabled: #ffaf80;
--al-color-text-brand: #b83e00;
--al-color-text-brand-hovered: #a03300;
--al-color-text-brand-pressed: #892900;
--al-color-text-brand-selected: #712000;
--al-color-text-brand-disabled: #ff9c65;
--al-color-text-on-bg-fill-brand: #fffbf9;
--al-color-text-on-bg-fill-brand-hovered: #fffbf9;
--al-color-text-on-bg-fill-brand-pressed: #fffbf9;
--al-color-text-on-bg-fill-brand-selected: #fffbf9;
--al-color-text-on-bg-fill-brand-disabled: #fff1e8;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #b83e00;
--al-color-border-elevated-selected: #b83e00;
--al-color-bg-fill-brand: #b83e00;
--al-color-bg-fill-brand-hovered: #a03300;
--al-color-bg-fill-brand-pressed: #892900;
--al-color-bg-fill-brand-selected: #712000;
--al-color-text-brand: #892900;
--al-color-text-brand-hovered: #712000;
--al-color-text-brand-pressed: #571600;
--al-color-text-brand-selected: #390b00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #db5100;
--al-color-border-elevated-selected: #f36100;
--al-color-outline-focused: #ffd9c0;
--al-color-bg-surface-brand: #3e0d00;
--al-color-bg-surface-brand-hovered: #511400;
--al-color-bg-surface-brand-pressed: #611900;
--al-color-bg-surface-brand-selected: #611900;
--al-color-bg-surface-brand-disabled: #300800;
--al-color-bg-surface-brand-elevated: #511400;
--al-color-bg-surface-brand-elevated-hovered: #611900;
--al-color-bg-surface-brand-elevated-pressed: #722000;
--al-color-bg-surface-brand-elevated-selected: #722000;
--al-color-bg-surface-brand-elevated-disabled: #3e0d00;
--al-color-bg-fill-brand: #ff7b33;
--al-color-bg-fill-brand-hovered: #ff9c65;
--al-color-bg-fill-brand-pressed: #ffba91;
--al-color-bg-fill-brand-selected: #ffd9c0;
--al-color-bg-fill-brand-disabled: #722000;
--al-color-text-brand: #ff7b33;
--al-color-text-brand-hovered: #ff9c65;
--al-color-text-brand-pressed: #ffba91;
--al-color-text-brand-selected: #ffd9c0;
--al-color-text-brand-disabled: #802600;
--al-color-text-on-bg-fill-brand: #200400;
--al-color-text-on-bg-fill-brand-hovered: #200400;
--al-color-text-on-bg-fill-brand-pressed: #200400;
--al-color-text-on-bg-fill-brand-selected: #200400;
--al-color-text-on-bg-fill-brand-disabled: #300800;}

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



