: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: #55b97b;
--cb-color-bg-fill-brand-hovered: #6ac28b;
--cb-color-bg-fill-brand-pressed: #77c795;
--cb-color-bg-fill-brand-selected: #70c490;
--cb-color-bg-fill-brand-disabled: #92d2ab;
--cb-color-text-brand: #55b97b;
--cb-color-text-brand-hovered: #62be85;
--cb-color-text-brand-pressed: #77c795;
--cb-color-text-brand-selected: #6ac28b;
--cb-color-text-brand-disabled: #92d2ab;
--cb-color-bg-surface-brand: #f2faf5;
--cb-color-bg-surface-brand-hovered: #e4f4ea;
--cb-color-bg-surface-brand-pressed: #d6eedf;
--cb-color-bg-surface-brand-selected: #eaf6ef;
--cb-color-bg-surface-brand-disabled: #f8fcfa;
--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: #55b97b;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #3b8055;
--cb-color-bg-fill-brand-hovered: #538f6a;
--cb-color-bg-fill-brand-pressed: #629977;
--cb-color-bg-fill-brand-selected: #5b9470;
--cb-color-bg-fill-brand-disabled: #82ae92;
--cb-color-text-brand: #397c52;
--cb-color-text-brand-hovered: #498660;
--cb-color-text-brand-pressed: #619675;
--cb-color-text-brand-selected: #518c67;
--cb-color-text-brand-disabled: #80ab90;
--cb-color-border-selected: #3b8055;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #4ba36c;
--cb-color-bg-fill-brand-pressed: #449462;
--cb-color-bg-fill-brand-selected: #479b67;
--cb-color-bg-fill-brand-disabled: #36764f;
--cb-color-text-brand-hovered: #4eaa71;
--cb-color-text-brand-pressed: #449462;
--cb-color-text-brand-selected: #4ba36c;
--cb-color-text-brand-disabled: #36764f;
--cb-color-bg-surface-brand: #0e1e14;
--cb-color-bg-surface-brand-hovered: #142c1d;
--cb-color-bg-surface-brand-pressed: #1b3b28;
--cb-color-bg-surface-brand-selected: #112519;
--cb-color-bg-surface-brand-disabled: #0a160f;
--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: #2c3c32;
--cb-color-bg-surface-brand-hovered: #304839;
--cb-color-bg-surface-brand-pressed: #345440;
--cb-color-bg-surface-brand-selected: #2e4235;
--cb-color-bg-surface-brand-disabled: #2a362f;}
:root{--al-color-border-selected: #2f8652;
--al-color-border-elevated-selected: #2f8652;
--al-color-outline-focused: #0a341c;
--al-color-bg-surface-brand: #d4f4dd;
--al-color-bg-surface-brand-hovered: #afeac1;
--al-color-bg-surface-brand-pressed: #92dfab;
--al-color-bg-surface-brand-selected: #92dfab;
--al-color-bg-surface-brand-disabled: #e7f8eb;
--al-color-bg-surface-brand-elevated: #d4f4dd;
--al-color-bg-surface-brand-elevated-hovered: #afeac1;
--al-color-bg-surface-brand-elevated-pressed: #92dfab;
--al-color-bg-surface-brand-elevated-selected: #92dfab;
--al-color-bg-surface-brand-elevated-disabled: #e7f8eb;
--al-color-bg-fill-brand: #2f8652;
--al-color-bg-fill-brand-hovered: #267547;
--al-color-bg-fill-brand-pressed: #1e653c;
--al-color-bg-fill-brand-selected: #175532;
--al-color-bg-fill-brand-disabled: #7cd49a;
--al-color-text-brand: #267547;
--al-color-text-brand-hovered: #1e653c;
--al-color-text-brand-pressed: #175532;
--al-color-text-brand-selected: #104527;
--al-color-text-brand-disabled: #67c88a;
--al-color-text-on-bg-fill-brand: #f9fdfa;
--al-color-text-on-bg-fill-brand-hovered: #f9fdfa;
--al-color-text-on-bg-fill-brand-pressed: #f9fdfa;
--al-color-text-on-bg-fill-brand-selected: #f9fdfa;
--al-color-text-on-bg-fill-brand-disabled: #e7f8eb;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #267547;
--al-color-border-elevated-selected: #267547;
--al-color-bg-fill-brand: #267547;
--al-color-bg-fill-brand-hovered: #1e653c;
--al-color-bg-fill-brand-pressed: #175532;
--al-color-bg-fill-brand-selected: #104527;
--al-color-text-brand: #175532;
--al-color-text-brand-hovered: #104527;
--al-color-text-brand-pressed: #0a341c;
--al-color-text-brand-selected: #042010;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #348f59;
--al-color-border-elevated-selected: #41a167;
--al-color-outline-focused: #b7ecc7;
--al-color-bg-surface-brand: #052311;
--al-color-bg-surface-brand-hovered: #083019;
--al-color-bg-surface-brand-pressed: #0c3b21;
--al-color-bg-surface-brand-selected: #0c3b21;
--al-color-bg-surface-brand-disabled: #031a0b;
--al-color-bg-surface-brand-elevated: #083019;
--al-color-bg-surface-brand-elevated-hovered: #0c3b21;
--al-color-bg-surface-brand-elevated-pressed: #104527;
--al-color-bg-surface-brand-elevated-selected: #104527;
--al-color-bg-surface-brand-elevated-disabled: #052311;
--al-color-bg-fill-brand: #50b477;
--al-color-bg-fill-brand-hovered: #67c78a;
--al-color-bg-fill-brand-pressed: #89dba5;
--al-color-bg-fill-brand-selected: #b7ecc7;
--al-color-bg-fill-brand-disabled: #104527;
--al-color-text-brand: #50b477;
--al-color-text-brand-hovered: #67c78a;
--al-color-text-brand-pressed: #89dba5;
--al-color-text-brand-selected: #b7ecc7;
--al-color-text-brand-disabled: #144f2d;
--al-color-text-on-bg-fill-brand: #021207;
--al-color-text-on-bg-fill-brand-hovered: #021207;
--al-color-text-on-bg-fill-brand-pressed: #021207;
--al-color-text-on-bg-fill-brand-selected: #021207;
--al-color-text-on-bg-fill-brand-disabled: #031a0b;}

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