: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: #fa6c0d;
--cb-color-bg-fill-brand-hovered: #fb7e2a;
--cb-color-bg-fill-brand-pressed: #fb893d;
--cb-color-bg-fill-brand-selected: #fb8434;
--cb-color-bg-fill-brand-disabled: #fca164;
--cb-color-text-brand: #fa6c0d;
--cb-color-text-brand-hovered: #fa7820;
--cb-color-text-brand-pressed: #fb893d;
--cb-color-text-brand-selected: #fb7e2a;
--cb-color-text-brand-disabled: #fca164;
--cb-color-bg-surface-brand: #fff3ec;
--cb-color-bg-surface-brand-hovered: #fee7d8;
--cb-color-bg-surface-brand-pressed: #fedcc5;
--cb-color-bg-surface-brand-selected: #feede2;
--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: #fa6c0d;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #c0530a;
--cb-color-bg-fill-brand-hovered: #c86828;
--cb-color-bg-fill-brand-pressed: #cd753b;
--cb-color-bg-fill-brand-selected: #ca6f31;
--cb-color-bg-fill-brand-disabled: #d79162;
--cb-color-text-brand: #b64f09;
--cb-color-text-brand-hovered: #bc5d1c;
--cb-color-text-brand-pressed: #c5723a;
--cb-color-text-brand-selected: #bf6427;
--cb-color-text-brand-disabled: #d08e62;
--cb-color-border-selected: #c0530a;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #dc5f0b;
--cb-color-bg-fill-brand-pressed: #c8560a;
--cb-color-bg-fill-brand-selected: #d25b0b;
--cb-color-bg-fill-brand-disabled: #a04508;
--cb-color-text-brand-hovered: #e6640c;
--cb-color-text-brand-pressed: #c8560a;
--cb-color-text-brand-selected: #dc5f0b;
--cb-color-text-brand-disabled: #a04508;
--cb-color-bg-surface-brand: #281102;
--cb-color-bg-surface-brand-hovered: #3c1a03;
--cb-color-bg-surface-brand-pressed: #502304;
--cb-color-bg-surface-brand-selected: #321603;
--cb-color-bg-surface-brand-disabled: #1e0d02;
--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: #463020;
--cb-color-bg-surface-brand-hovered: #57351e;
--cb-color-bg-surface-brand-pressed: #693b1d;
--cb-color-bg-surface-brand-selected: #4f321f;
--cb-color-bg-surface-brand-disabled: #3e2d21;}
:root{--al-color-border-selected: #cd4d00;
--al-color-border-elevated-selected: #cd4d00;
--al-color-outline-focused: #561800;
--al-color-bg-surface-brand: #ffe7d7;
--al-color-bg-surface-brand-hovered: #ffd5b8;
--al-color-bg-surface-brand-pressed: #ffc199;
--al-color-bg-surface-brand-selected: #ffc199;
--al-color-bg-surface-brand-disabled: #fff1e8;
--al-color-bg-surface-brand-elevated: #ffe7d7;
--al-color-bg-surface-brand-elevated-hovered: #ffd5b8;
--al-color-bg-surface-brand-elevated-pressed: #ffc199;
--al-color-bg-surface-brand-elevated-selected: #ffc199;
--al-color-bg-surface-brand-elevated-disabled: #fff1e8;
--al-color-bg-fill-brand: #cd4d00;
--al-color-bg-fill-brand-hovered: #b54100;
--al-color-bg-fill-brand-pressed: #9e3600;
--al-color-bg-fill-brand-selected: #872b00;
--al-color-bg-fill-brand-disabled: #ffaf7c;
--al-color-text-brand: #b54100;
--al-color-text-brand-hovered: #9e3600;
--al-color-text-brand-pressed: #872b00;
--al-color-text-brand-selected: #6f2200;
--al-color-text-brand-disabled: #ff9c5f;
--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: #b54100;
--al-color-border-elevated-selected: #b54100;
--al-color-bg-fill-brand: #b54100;
--al-color-bg-fill-brand-hovered: #9e3600;
--al-color-bg-fill-brand-pressed: #872b00;
--al-color-bg-fill-brand-selected: #6f2200;
--al-color-text-brand: #872b00;
--al-color-text-brand-hovered: #6f2200;
--al-color-text-brand-pressed: #561800;
--al-color-text-brand-selected: #380c00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #d95400;
--al-color-border-elevated-selected: #f06400;
--al-color-outline-focused: #ffd9bf;
--al-color-bg-surface-brand: #3c0e00;
--al-color-bg-surface-brand-hovered: #501500;
--al-color-bg-surface-brand-pressed: #601c00;
--al-color-bg-surface-brand-selected: #601c00;
--al-color-bg-surface-brand-disabled: #2e0900;
--al-color-bg-surface-brand-elevated: #501500;
--al-color-bg-surface-brand-elevated-hovered: #601c00;
--al-color-bg-surface-brand-elevated-pressed: #702200;
--al-color-bg-surface-brand-elevated-selected: #702200;
--al-color-bg-surface-brand-elevated-disabled: #3c0e00;
--al-color-bg-fill-brand: #ff7c2d;
--al-color-bg-fill-brand-hovered: #ff9c61;
--al-color-bg-fill-brand-pressed: #ffba8e;
--al-color-bg-fill-brand-selected: #ffd9bf;
--al-color-bg-fill-brand-disabled: #702200;
--al-color-text-brand: #ff7c2d;
--al-color-text-brand-hovered: #ff9c61;
--al-color-text-brand-pressed: #ffba8e;
--al-color-text-brand-selected: #ffd9bf;
--al-color-text-brand-disabled: #7e2800;
--al-color-text-on-bg-fill-brand: #1f0500;
--al-color-text-on-bg-fill-brand-hovered: #1f0500;
--al-color-text-on-bg-fill-brand-pressed: #1f0500;
--al-color-text-on-bg-fill-brand-selected: #1f0500;
--al-color-text-on-bg-fill-brand-disabled: #2e0900;}

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