: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: #ff6600;
--cb-color-bg-fill-brand-hovered: #ff791f;
--cb-color-bg-fill-brand-pressed: #ff8533;
--cb-color-bg-fill-brand-selected: #ff7f29;
--cb-color-bg-fill-brand-disabled: #ff9d5c;
--cb-color-text-brand: #ff6600;
--cb-color-text-brand-hovered: #ff7214;
--cb-color-text-brand-pressed: #ff8533;
--cb-color-text-brand-selected: #ff791f;
--cb-color-text-brand-disabled: #ff9d5c;
--cb-color-bg-surface-brand: #fff3eb;
--cb-color-bg-surface-brand-hovered: #ffe6d6;
--cb-color-bg-surface-brand-pressed: #ffdac2;
--cb-color-bg-surface-brand-selected: #ffece0;
--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: #ff6600;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #c54f00;
--cb-color-bg-fill-brand-hovered: #cc641f;
--cb-color-bg-fill-brand-pressed: #d17233;
--cb-color-bg-fill-brand-selected: #ce6b29;
--cb-color-bg-fill-brand-disabled: #da8e5c;
--cb-color-text-brand: #ba4b00;
--cb-color-text-brand-hovered: #bf5914;
--cb-color-text-brand-pressed: #c86f33;
--cb-color-text-brand-selected: #c2611f;
--cb-color-text-brand-disabled: #d38c5c;
--cb-color-border-selected: #c54f00;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #e05a00;
--cb-color-bg-fill-brand-pressed: #cc5200;
--cb-color-bg-fill-brand-selected: #d65600;
--cb-color-bg-fill-brand-disabled: #a34100;
--cb-color-text-brand-hovered: #eb5e00;
--cb-color-text-brand-pressed: #cc5200;
--cb-color-text-brand-selected: #e05a00;
--cb-color-text-brand-disabled: #a34100;
--cb-color-bg-surface-brand: #291000;
--cb-color-bg-surface-brand-hovered: #3d1800;
--cb-color-bg-surface-brand-pressed: #522100;
--cb-color-bg-surface-brand-selected: #331400;
--cb-color-bg-surface-brand-disabled: #1f0c00;
--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: #472f1e;
--cb-color-bg-surface-brand-hovered: #58341b;
--cb-color-bg-surface-brand-pressed: #6a3918;
--cb-color-bg-surface-brand-selected: #50311d;
--cb-color-bg-surface-brand-disabled: #3f2c20;}
:root{--al-color-border-selected: #d24700;
--al-color-border-elevated-selected: #d24700;
--al-color-outline-focused: #581400;
--al-color-bg-surface-brand: #ffe8d9;
--al-color-bg-surface-brand-hovered: #ffd4b9;
--al-color-bg-surface-brand-pressed: #ffc29c;
--al-color-bg-surface-brand-selected: #ffc29c;
--al-color-bg-surface-brand-disabled: #fff0e7;
--al-color-bg-surface-brand-elevated: #ffe8d9;
--al-color-bg-surface-brand-elevated-hovered: #ffd4b9;
--al-color-bg-surface-brand-elevated-pressed: #ffc29c;
--al-color-bg-surface-brand-elevated-selected: #ffc29c;
--al-color-bg-surface-brand-elevated-disabled: #fff0e7;
--al-color-bg-fill-brand: #d24700;
--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: #ffaf80;
--al-color-text-brand: #ba3b00;
--al-color-text-brand-hovered: #a23100;
--al-color-text-brand-pressed: #8a2700;
--al-color-text-brand-selected: #721e00;
--al-color-text-brand-disabled: #ff9c63;
--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: #fff0e7;}

: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: #721e00;
--al-color-text-brand: #8a2700;
--al-color-text-brand-hovered: #721e00;
--al-color-text-brand-pressed: #581400;
--al-color-text-brand-selected: #390a00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #de4f00;
--al-color-border-elevated-selected: #f65e00;
--al-color-outline-focused: #ffd9c0;
--al-color-bg-surface-brand: #3f0c00;
--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: #310800;
--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: #3f0c00;
--al-color-bg-fill-brand: #ff7b32;
--al-color-bg-fill-brand-hovered: #ff9c63;
--al-color-bg-fill-brand-pressed: #ffba91;
--al-color-bg-fill-brand-selected: #ffd9c0;
--al-color-bg-fill-brand-disabled: #731e00;
--al-color-text-brand: #ff7b32;
--al-color-text-brand-hovered: #ff9c63;
--al-color-text-brand-pressed: #ffba91;
--al-color-text-brand-selected: #ffd9c0;
--al-color-text-brand-disabled: #822400;
--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: #310800;}

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