: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: #f17604;
--cb-color-bg-fill-brand-hovered: #f38723;
--cb-color-bg-fill-brand-pressed: #f49136;
--cb-color-bg-fill-brand-selected: #f38c2c;
--cb-color-bg-fill-brand-disabled: #f6a75f;
--cb-color-text-brand: #f17604;
--cb-color-text-brand-hovered: #f28118;
--cb-color-text-brand-pressed: #f49136;
--cb-color-text-brand-selected: #f38723;
--cb-color-text-brand-disabled: #f6a75f;
--cb-color-bg-surface-brand: #fef4eb;
--cb-color-bg-surface-brand-hovered: #fde9d7;
--cb-color-bg-surface-brand-pressed: #fcdec3;
--cb-color-bg-surface-brand-selected: #fdeee0;
--cb-color-bg-surface-brand-disabled: #fefaf5;
--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: #f17604;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #b75a03;
--cb-color-bg-fill-brand-hovered: #c06e22;
--cb-color-bg-fill-brand-pressed: #c57b35;
--cb-color-bg-fill-brand-selected: #c3752c;
--cb-color-bg-fill-brand-disabled: #d1965e;
--cb-color-text-brand: #ae5503;
--cb-color-text-brand-hovered: #b46217;
--cb-color-text-brand-pressed: #be7735;
--cb-color-text-brand-selected: #b86a22;
--cb-color-text-brand-disabled: #cb925e;
--cb-color-border-selected: #b75a03;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d46804;
--cb-color-bg-fill-brand-pressed: #c15e03;
--cb-color-bg-fill-brand-selected: #ca6303;
--cb-color-bg-fill-brand-disabled: #9a4b03;
--cb-color-text-brand-hovered: #de6d04;
--cb-color-text-brand-pressed: #c15e03;
--cb-color-text-brand-selected: #d46804;
--cb-color-text-brand-disabled: #9a4b03;
--cb-color-bg-surface-brand: #271301;
--cb-color-bg-surface-brand-hovered: #3a1c01;
--cb-color-bg-surface-brand-pressed: #4d2601;
--cb-color-bg-surface-brand-selected: #301801;
--cb-color-bg-surface-brand-disabled: #1d0e00;
--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: #45311f;
--cb-color-bg-surface-brand-hovered: #55381c;
--cb-color-bg-surface-brand-pressed: #663e1a;
--cb-color-bg-surface-brand-selected: #4d341e;
--cb-color-bg-surface-brand-disabled: #3d2e20;}
:root{--al-color-border-selected: #c35600;
--al-color-border-elevated-selected: #c35600;
--al-color-outline-focused: #511c00;
--al-color-bg-surface-brand: #ffe8d5;
--al-color-bg-surface-brand-hovered: #ffd4b1;
--al-color-bg-surface-brand-pressed: #ffc394;
--al-color-bg-surface-brand-selected: #ffc394;
--al-color-bg-surface-brand-disabled: #fff2e7;
--al-color-bg-surface-brand-elevated: #ffe8d5;
--al-color-bg-surface-brand-elevated-hovered: #ffd4b1;
--al-color-bg-surface-brand-elevated-pressed: #ffc394;
--al-color-bg-surface-brand-elevated-selected: #ffc394;
--al-color-bg-surface-brand-elevated-disabled: #fff2e7;
--al-color-bg-fill-brand: #c35600;
--al-color-bg-fill-brand-hovered: #ad4900;
--al-color-bg-fill-brand-pressed: #973d00;
--al-color-bg-fill-brand-selected: #803200;
--al-color-bg-fill-brand-disabled: #ffb073;
--al-color-text-brand: #ad4900;
--al-color-text-brand-hovered: #973d00;
--al-color-text-brand-pressed: #803200;
--al-color-text-brand-selected: #692800;
--al-color-text-brand-disabled: #ff9d55;
--al-color-text-on-bg-fill-brand: #fffcf9;
--al-color-text-on-bg-fill-brand-hovered: #fffcf9;
--al-color-text-on-bg-fill-brand-pressed: #fffcf9;
--al-color-text-on-bg-fill-brand-selected: #fffcf9;
--al-color-text-on-bg-fill-brand-disabled: #fff2e7;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ad4900;
--al-color-border-elevated-selected: #ad4900;
--al-color-bg-fill-brand: #ad4900;
--al-color-bg-fill-brand-hovered: #973d00;
--al-color-bg-fill-brand-pressed: #803200;
--al-color-bg-fill-brand-selected: #692800;
--al-color-text-brand: #803200;
--al-color-text-brand-hovered: #692800;
--al-color-text-brand-pressed: #511c00;
--al-color-text-brand-selected: #341000;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #cf5d00;
--al-color-border-elevated-selected: #e56c00;
--al-color-outline-focused: #ffd9bb;
--al-color-bg-surface-brand: #391100;
--al-color-bg-surface-brand-hovered: #4b1a00;
--al-color-bg-surface-brand-pressed: #5b2100;
--al-color-bg-surface-brand-selected: #5b2100;
--al-color-bg-surface-brand-disabled: #2c0c00;
--al-color-bg-surface-brand-elevated: #4b1a00;
--al-color-bg-surface-brand-elevated-hovered: #5b2100;
--al-color-bg-surface-brand-elevated-pressed: #6a2800;
--al-color-bg-surface-brand-elevated-selected: #6a2800;
--al-color-bg-surface-brand-elevated-disabled: #391100;
--al-color-bg-fill-brand: #fa801f;
--al-color-bg-fill-brand-hovered: #ff9d54;
--al-color-bg-fill-brand-pressed: #ffbb87;
--al-color-bg-fill-brand-selected: #ffd9bb;
--al-color-bg-fill-brand-disabled: #6a2800;
--al-color-text-brand: #fa801f;
--al-color-text-brand-hovered: #ff9d54;
--al-color-text-brand-pressed: #ffbb87;
--al-color-text-brand-selected: #ffd9bb;
--al-color-text-brand-disabled: #782e00;
--al-color-text-on-bg-fill-brand: #1d0600;
--al-color-text-on-bg-fill-brand-hovered: #1d0600;
--al-color-text-on-bg-fill-brand-pressed: #1d0600;
--al-color-text-on-bg-fill-brand-selected: #1d0600;
--al-color-text-on-bg-fill-brand-disabled: #2c0c00;}

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