: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: #FF670D;
--cb-color-bg-fill-brand-hovered: #ff792a;
--cb-color-bg-fill-brand-pressed: #ff853d;
--cb-color-bg-fill-brand-selected: #ff7f34;
--cb-color-bg-fill-brand-disabled: #ff9e64;
--cb-color-text-brand: #FF670D;
--cb-color-text-brand-hovered: #ff7320;
--cb-color-text-brand-pressed: #ff853d;
--cb-color-text-brand-selected: #ff792a;
--cb-color-text-brand-disabled: #ff9e64;
--cb-color-bg-surface-brand: #fff3ec;
--cb-color-bg-surface-brand-hovered: #ffe7d8;
--cb-color-bg-surface-brand-pressed: #ffdbc5;
--cb-color-bg-surface-brand-selected: #ffede2;
--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: #FF670D;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #c44f0a;
--cb-color-bg-fill-brand-hovered: #cb6428;
--cb-color-bg-fill-brand-pressed: #d0723b;
--cb-color-bg-fill-brand-selected: #cd6b31;
--cb-color-bg-fill-brand-disabled: #d98e62;
--cb-color-text-brand: #ba4b09;
--cb-color-text-brand-hovered: #bf591c;
--cb-color-text-brand-pressed: #c86f3a;
--cb-color-text-brand-selected: #c26127;
--cb-color-text-brand-disabled: #d38c62;
--cb-color-border-selected: #c44f0a;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #e05a0b;
--cb-color-bg-fill-brand-pressed: #cc520a;
--cb-color-bg-fill-brand-selected: #d6560b;
--cb-color-bg-fill-brand-disabled: #a34208;
--cb-color-text-brand-hovered: #eb5f0c;
--cb-color-text-brand-pressed: #cc520a;
--cb-color-text-brand-selected: #e05a0b;
--cb-color-text-brand-disabled: #a34208;
--cb-color-bg-surface-brand: #291102;
--cb-color-bg-surface-brand-hovered: #3d1903;
--cb-color-bg-surface-brand-pressed: #522104;
--cb-color-bg-surface-brand-selected: #331503;
--cb-color-bg-surface-brand-disabled: #1f0d02;
--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: #472f20;
--cb-color-bg-surface-brand-hovered: #58341e;
--cb-color-bg-surface-brand-pressed: #6a3a1d;
--cb-color-bg-surface-brand-selected: #50311f;
--cb-color-bg-surface-brand-disabled: #3f2c21;}
:root{--al-color-border-selected: #d14800;
--al-color-border-elevated-selected: #d14800;
--al-color-outline-focused: #581500;
--al-color-bg-surface-brand: #ffe8d9;
--al-color-bg-surface-brand-hovered: #ffd4ba;
--al-color-bg-surface-brand-pressed: #ffc29d;
--al-color-bg-surface-brand-selected: #ffc29d;
--al-color-bg-surface-brand-disabled: #fff0e7;
--al-color-bg-surface-brand-elevated: #ffe8d9;
--al-color-bg-surface-brand-elevated-hovered: #ffd4ba;
--al-color-bg-surface-brand-elevated-pressed: #ffc29d;
--al-color-bg-surface-brand-elevated-selected: #ffc29d;
--al-color-bg-surface-brand-elevated-disabled: #fff0e7;
--al-color-bg-fill-brand: #d14800;
--al-color-bg-fill-brand-hovered: #b93c00;
--al-color-bg-fill-brand-pressed: #a23100;
--al-color-bg-fill-brand-selected: #8a2800;
--al-color-bg-fill-brand-disabled: #ffaf81;
--al-color-text-brand: #b93c00;
--al-color-text-brand-hovered: #a23100;
--al-color-text-brand-pressed: #8a2800;
--al-color-text-brand-selected: #721e00;
--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: #fff0e7;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #b93c00;
--al-color-border-elevated-selected: #b93c00;
--al-color-bg-fill-brand: #b93c00;
--al-color-bg-fill-brand-hovered: #a23100;
--al-color-bg-fill-brand-pressed: #8a2800;
--al-color-bg-fill-brand-selected: #721e00;
--al-color-text-brand: #8a2800;
--al-color-text-brand-hovered: #721e00;
--al-color-text-brand-pressed: #581500;
--al-color-text-brand-selected: #390a00;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #de4f00;
--al-color-border-elevated-selected: #f55f00;
--al-color-outline-focused: #ffd9c0;
--al-color-bg-surface-brand: #3f0c00;
--al-color-bg-surface-brand-hovered: #511300;
--al-color-bg-surface-brand-pressed: #621900;
--al-color-bg-surface-brand-selected: #621900;
--al-color-bg-surface-brand-disabled: #310800;
--al-color-bg-surface-brand-elevated: #511300;
--al-color-bg-surface-brand-elevated-hovered: #621900;
--al-color-bg-surface-brand-elevated-pressed: #731f00;
--al-color-bg-surface-brand-elevated-selected: #731f00;
--al-color-bg-surface-brand-elevated-disabled: #3f0c00;
--al-color-bg-fill-brand: #ff7b34;
--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: #731f00;
--al-color-text-brand: #ff7b34;
--al-color-text-brand-hovered: #ff9c65;
--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;}