: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: #e76d3a;
--cb-color-bg-fill-brand-hovered: #ea7f52;
--cb-color-bg-fill-brand-pressed: #ec8a61;
--cb-color-bg-fill-brand-selected: #eb845a;
--cb-color-bg-fill-brand-disabled: #f0a281;
--cb-color-text-brand: #e76d3a;
--cb-color-text-brand-hovered: #e97849;
--cb-color-text-brand-pressed: #ec8a61;
--cb-color-text-brand-selected: #ea7f52;
--cb-color-text-brand-disabled: #f0a281;
--cb-color-bg-surface-brand: #fdf4f0;
--cb-color-bg-surface-brand-hovered: #fbe8df;
--cb-color-bg-surface-brand-pressed: #f9dcd0;
--cb-color-bg-surface-brand-selected: #fcede7;
--cb-color-bg-surface-brand-disabled: #fef9f7;
--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: #e76d3a;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #ba582f;
--cb-color-bg-fill-brand-hovered: #c26c48;
--cb-color-bg-fill-brand-pressed: #c87959;
--cb-color-bg-fill-brand-selected: #c57350;
--cb-color-bg-fill-brand-disabled: #d3947a;
--cb-color-text-brand: #b1532c;
--cb-color-text-brand-hovered: #b7603d;
--cb-color-text-brand-pressed: #c17556;
--cb-color-text-brand-selected: #ba6846;
--cb-color-text-brand-disabled: #cd9178;
--cb-color-border-selected: #ba582f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #cb6033;
--cb-color-bg-fill-brand-pressed: #b9572e;
--cb-color-bg-fill-brand-selected: #c25b31;
--cb-color-bg-fill-brand-disabled: #944625;
--cb-color-text-brand-hovered: #d56435;
--cb-color-text-brand-pressed: #b9572e;
--cb-color-text-brand-selected: #cb6033;
--cb-color-text-brand-disabled: #944625;
--cb-color-bg-surface-brand: #251209;
--cb-color-bg-surface-brand-hovered: #371a0e;
--cb-color-bg-surface-brand-pressed: #4a2313;
--cb-color-bg-surface-brand-selected: #2e160c;
--cb-color-bg-surface-brand-disabled: #1c0d07;
--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: #433028;
--cb-color-bg-surface-brand-hovered: #533529;
--cb-color-bg-surface-brand-pressed: #633b2b;
--cb-color-bg-surface-brand-selected: #4b3328;
--cb-color-bg-surface-brand-disabled: #3c2d27;}
:root{--al-color-border-selected: #c45422;
--al-color-border-elevated-selected: #c45422;
--al-color-outline-focused: #531b02;
--al-color-bg-surface-brand: #ffe8de;
--al-color-bg-surface-brand-hovered: #ffd4bf;
--al-color-bg-surface-brand-pressed: #ffc1a4;
--al-color-bg-surface-brand-selected: #ffc1a4;
--al-color-bg-surface-brand-disabled: #fff1eb;
--al-color-bg-surface-brand-elevated: #ffe8de;
--al-color-bg-surface-brand-elevated-hovered: #ffd4bf;
--al-color-bg-surface-brand-elevated-pressed: #ffc1a4;
--al-color-bg-surface-brand-elevated-selected: #ffc1a4;
--al-color-bg-surface-brand-elevated-disabled: #fff1eb;
--al-color-bg-fill-brand: #c45422;
--al-color-bg-fill-brand-hovered: #ae4718;
--al-color-bg-fill-brand-pressed: #983b0f;
--al-color-bg-fill-brand-selected: #823008;
--al-color-bg-fill-brand-disabled: #ffae8b;
--al-color-text-brand: #ae4718;
--al-color-text-brand-hovered: #983b0f;
--al-color-text-brand-pressed: #823008;
--al-color-text-brand-selected: #6b2604;
--al-color-text-brand-disabled: #ff9b71;
--al-color-text-on-bg-fill-brand: #fffcfa;
--al-color-text-on-bg-fill-brand-hovered: #fffcfa;
--al-color-text-on-bg-fill-brand-pressed: #fffcfa;
--al-color-text-on-bg-fill-brand-selected: #fffcfa;
--al-color-text-on-bg-fill-brand-disabled: #fff1eb;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ae4718;
--al-color-border-elevated-selected: #ae4718;
--al-color-bg-fill-brand: #ae4718;
--al-color-bg-fill-brand-hovered: #983b0f;
--al-color-bg-fill-brand-pressed: #823008;
--al-color-bg-fill-brand-selected: #6b2604;
--al-color-text-brand: #823008;
--al-color-text-brand-hovered: #6b2604;
--al-color-text-brand-pressed: #531b02;
--al-color-text-brand-selected: #350f01;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #d05b29;
--al-color-border-elevated-selected: #e56c38;
--al-color-outline-focused: #ffd8c6;
--al-color-bg-surface-brand: #3a1101;
--al-color-bg-surface-brand-hovered: #4c1802;
--al-color-bg-surface-brand-pressed: #5c1f03;
--al-color-bg-surface-brand-selected: #5c1f03;
--al-color-bg-surface-brand-disabled: #2f0c01;
--al-color-bg-surface-brand-elevated: #4c1802;
--al-color-bg-surface-brand-elevated-hovered: #5c1f03;
--al-color-bg-surface-brand-elevated-pressed: #6c2604;
--al-color-bg-surface-brand-elevated-selected: #6c2604;
--al-color-bg-surface-brand-elevated-disabled: #3a1101;
--al-color-bg-fill-brand: #f87f4f;
--al-color-bg-fill-brand-hovered: #ff9b72;
--al-color-bg-fill-brand-pressed: #ffba9a;
--al-color-bg-fill-brand-selected: #ffd8c6;
--al-color-bg-fill-brand-disabled: #6c2604;
--al-color-text-brand: #f87f4f;
--al-color-text-brand-hovered: #ff9b72;
--al-color-text-brand-pressed: #ffba9a;
--al-color-text-brand-selected: #ffd8c6;
--al-color-text-brand-disabled: #792d07;
--al-color-text-on-bg-fill-brand: #200600;
--al-color-text-on-bg-fill-brand-hovered: #200600;
--al-color-text-on-bg-fill-brand-pressed: #200600;
--al-color-text-on-bg-fill-brand-selected: #200600;
--al-color-text-on-bg-fill-brand-disabled: #2f0c01;}

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