:root {
  --cb-font-family-brand: "MxThemeHeading-Syne", sans-serif;
  --cb-font-family-brand-font-feature-settings: ;
  --al-font-family-brand: "MxThemeHeading-Syne", sans-serif;
  --al-font-family-brand-font-feature-settings: ;
}
:root{--cb-color-bg-fill-brand: #ffce1f;
--cb-color-bg-fill-brand-hovered: #ffd43a;
--cb-color-bg-fill-brand-pressed: #ffd84c;
--cb-color-bg-fill-brand-selected: #ffd643;
--cb-color-bg-fill-brand-disabled: #ffe070;
--cb-color-text-brand: #ffce1f;
--cb-color-text-brand-hovered: #ffd231;
--cb-color-text-brand-pressed: #ffd84c;
--cb-color-text-brand-selected: #ffd43a;
--cb-color-text-brand-disabled: #ffe070;
--cb-color-bg-surface-brand: #fffbed;
--cb-color-bg-surface-brand-hovered: #fff7db;
--cb-color-bg-surface-brand-pressed: #fff3c9;
--cb-color-bg-surface-brand-selected: #fff9e4;
--cb-color-bg-surface-brand-disabled: #fffdf6;
--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: #ffce1f;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #876d10;
--cb-color-bg-fill-brand-hovered: #967f2d;
--cb-color-bg-fill-brand-pressed: #9f8a40;
--cb-color-bg-fill-brand-selected: #9a8436;
--cb-color-bg-fill-brand-disabled: #b2a266;
--cb-color-text-brand: #846b10;
--cb-color-text-brand-hovered: #8e7723;
--cb-color-text-brand-pressed: #9d8940;
--cb-color-text-brand-selected: #937d2d;
--cb-color-text-brand-disabled: #b0a066;
--cb-color-border-selected: #876d10;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #e0b51b;
--cb-color-bg-fill-brand-pressed: #cca519;
--cb-color-bg-fill-brand-selected: #d6ad1a;
--cb-color-bg-fill-brand-disabled: #a38414;
--cb-color-text-brand-hovered: #ebbe1d;
--cb-color-text-brand-pressed: #cca519;
--cb-color-text-brand-selected: #e0b51b;
--cb-color-text-brand-disabled: #a38414;
--cb-color-bg-surface-brand: #292105;
--cb-color-bg-surface-brand-hovered: #3d3107;
--cb-color-bg-surface-brand-pressed: #52420a;
--cb-color-bg-surface-brand-selected: #332906;
--cb-color-bg-surface-brand-disabled: #1f1904;
--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: #473f23;
--cb-color-bg-surface-brand-hovered: #584d23;
--cb-color-bg-surface-brand-pressed: #6a5b22;
--cb-color-bg-surface-brand-selected: #504623;
--cb-color-bg-surface-brand-disabled: #3f3923;}
:root{--al-color-border-selected: #937200;
--al-color-border-elevated-selected: #937200;
--al-color-outline-focused: #3a2b00;
--al-color-bg-surface-brand: #ffee75;
--al-color-bg-surface-brand-hovered: #ffdb3d;
--al-color-bg-surface-brand-pressed: #fac912;
--al-color-bg-surface-brand-selected: #fac912;
--al-color-bg-surface-brand-disabled: #fff799;
--al-color-bg-surface-brand-elevated: #ffee75;
--al-color-bg-surface-brand-elevated-hovered: #ffdb3d;
--al-color-bg-surface-brand-elevated-pressed: #fac912;
--al-color-bg-surface-brand-elevated-selected: #fac912;
--al-color-bg-surface-brand-elevated-disabled: #fff799;
--al-color-bg-fill-brand: #937200;
--al-color-bg-fill-brand-hovered: #816300;
--al-color-bg-fill-brand-pressed: #6f5500;
--al-color-bg-fill-brand-selected: #5e4700;
--al-color-bg-fill-brand-disabled: #ecbc00;
--al-color-text-brand: #816300;
--al-color-text-brand-hovered: #6f5500;
--al-color-text-brand-pressed: #5e4700;
--al-color-text-brand-selected: #4c3900;
--al-color-text-brand-disabled: #ddaf00;
--al-color-text-on-bg-fill-brand: #fffdea;
--al-color-text-on-bg-fill-brand-hovered: #fffdea;
--al-color-text-on-bg-fill-brand-pressed: #fffdea;
--al-color-text-on-bg-fill-brand-selected: #fffdea;
--al-color-text-on-bg-fill-brand-disabled: #fff799;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #816300;
--al-color-border-elevated-selected: #816300;
--al-color-bg-fill-brand: #816300;
--al-color-bg-fill-brand-hovered: #6f5500;
--al-color-bg-fill-brand-pressed: #5e4700;
--al-color-bg-fill-brand-selected: #4c3900;
--al-color-text-brand: #5e4700;
--al-color-text-brand-hovered: #4c3900;
--al-color-text-brand-pressed: #3a2b00;
--al-color-text-brand-selected: #241900;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #9d7a00;
--al-color-border-elevated-selected: #b18a00;
--al-color-outline-focused: #ffdf49;
--al-color-bg-surface-brand: #261c00;
--al-color-bg-surface-brand-hovered: #352700;
--al-color-bg-surface-brand-pressed: #413100;
--al-color-bg-surface-brand-selected: #413100;
--al-color-bg-surface-brand-disabled: #1f1600;
--al-color-bg-surface-brand-elevated: #352700;
--al-color-bg-surface-brand-elevated-hovered: #413100;
--al-color-bg-surface-brand-elevated-pressed: #4d3a00;
--al-color-bg-surface-brand-elevated-selected: #4d3a00;
--al-color-bg-surface-brand-elevated-disabled: #261c00;
--al-color-bg-fill-brand: #c69c00;
--al-color-bg-fill-brand-hovered: #dcaf00;
--al-color-bg-fill-brand-pressed: #f4c400;
--al-color-bg-fill-brand-selected: #ffdf49;
--al-color-bg-fill-brand-disabled: #4d3a00;
--al-color-text-brand: #c69c00;
--al-color-text-brand-hovered: #dcaf00;
--al-color-text-brand-pressed: #f4c400;
--al-color-text-brand-selected: #ffdf49;
--al-color-text-brand-disabled: #584200;
--al-color-text-on-bg-fill-brand: #140d00;
--al-color-text-on-bg-fill-brand-hovered: #140d00;
--al-color-text-on-bg-fill-brand-pressed: #140d00;
--al-color-text-on-bg-fill-brand-selected: #140d00;
--al-color-text-on-bg-fill-brand-disabled: #1f1600;}

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