: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: #40b08b;
--cb-color-bg-fill-brand-hovered: #57ba99;
--cb-color-bg-fill-brand-pressed: #66c0a2;
--cb-color-bg-fill-brand-selected: #5fbd9e;
--cb-color-bg-fill-brand-disabled: #85cdb5;
--cb-color-text-brand: #40b08b;
--cb-color-text-brand-hovered: #4fb694;
--cb-color-text-brand-pressed: #66c0a2;
--cb-color-text-brand-selected: #57ba99;
--cb-color-text-brand-disabled: #85cdb5;
--cb-color-bg-surface-brand: #f0f9f6;
--cb-color-bg-surface-brand-hovered: #e0f2ec;
--cb-color-bg-surface-brand-pressed: #d1ece3;
--cb-color-bg-surface-brand-selected: #e8f5f1;
--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: #40b08b;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #2f8166;
--cb-color-bg-fill-brand-hovered: #489079;
--cb-color-bg-fill-brand-pressed: #599a85;
--cb-color-bg-fill-brand-selected: #50957f;
--cb-color-bg-fill-brand-disabled: #7aae9d;
--cb-color-text-brand: #2d7c62;
--cb-color-text-brand-hovered: #3d866e;
--cb-color-text-brand-pressed: #579681;
--cb-color-text-brand-selected: #478c75;
--cb-color-text-brand-disabled: #79ab9b;
--cb-color-border-selected: #2f8166;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #389b7a;
--cb-color-bg-fill-brand-pressed: #338d6f;
--cb-color-bg-fill-brand-selected: #369475;
--cb-color-bg-fill-brand-disabled: #297159;
--cb-color-text-brand-hovered: #3ba280;
--cb-color-text-brand-pressed: #338d6f;
--cb-color-text-brand-selected: #389b7a;
--cb-color-text-brand-disabled: #297159;
--cb-color-bg-surface-brand: #0a1c16;
--cb-color-bg-surface-brand-hovered: #0f2a21;
--cb-color-bg-surface-brand-pressed: #15392d;
--cb-color-bg-surface-brand-selected: #0d231c;
--cb-color-bg-surface-brand-disabled: #081511;
--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: #293b35;
--cb-color-bg-surface-brand-hovered: #2b453d;
--cb-color-bg-surface-brand-pressed: #2d5145;
--cb-color-bg-surface-brand-selected: #2a4039;
--cb-color-bg-surface-brand-disabled: #273531;}
:root{--al-color-border-selected: #1c8666;
--al-color-border-elevated-selected: #1c8666;
--al-color-outline-focused: #003425;
--al-color-bg-surface-brand: #d4f2e5;
--al-color-bg-surface-brand-hovered: #b1e8d1;
--al-color-bg-surface-brand-pressed: #93ddc0;
--al-color-bg-surface-brand-selected: #93ddc0;
--al-color-bg-surface-brand-disabled: #e7f7f0;
--al-color-bg-surface-brand-elevated: #d4f2e5;
--al-color-bg-surface-brand-elevated-hovered: #b1e8d1;
--al-color-bg-surface-brand-elevated-pressed: #93ddc0;
--al-color-bg-surface-brand-elevated-selected: #93ddc0;
--al-color-bg-surface-brand-elevated-disabled: #e7f7f0;
--al-color-bg-fill-brand: #1c8666;
--al-color-bg-fill-brand-hovered: #127559;
--al-color-bg-fill-brand-pressed: #09654c;
--al-color-bg-fill-brand-selected: #04553f;
--al-color-bg-fill-brand-disabled: #78d2b0;
--al-color-text-brand: #127559;
--al-color-text-brand-hovered: #09654c;
--al-color-text-brand-pressed: #04553f;
--al-color-text-brand-selected: #014533;
--al-color-text-brand-disabled: #62c7a3;
--al-color-text-on-bg-fill-brand: #f9fdfb;
--al-color-text-on-bg-fill-brand-hovered: #f9fdfb;
--al-color-text-on-bg-fill-brand-pressed: #f9fdfb;
--al-color-text-on-bg-fill-brand-selected: #f9fdfb;
--al-color-text-on-bg-fill-brand-disabled: #e7f7f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #127559;
--al-color-border-elevated-selected: #127559;
--al-color-bg-fill-brand: #127559;
--al-color-bg-fill-brand-hovered: #09654c;
--al-color-bg-fill-brand-pressed: #04553f;
--al-color-bg-fill-brand-selected: #014533;
--al-color-text-brand: #04553f;
--al-color-text-brand-hovered: #014533;
--al-color-text-brand-pressed: #003425;
--al-color-text-brand-selected: #002016;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #228f6e;
--al-color-border-elevated-selected: #30a17d;
--al-color-outline-focused: #baebd6;
--al-color-bg-surface-brand: #002318;
--al-color-bg-surface-brand-hovered: #003022;
--al-color-bg-surface-brand-pressed: #013b2b;
--al-color-bg-surface-brand-selected: #013b2b;
--al-color-bg-surface-brand-disabled: #001b12;
--al-color-bg-surface-brand-elevated: #003022;
--al-color-bg-surface-brand-elevated-hovered: #013b2b;
--al-color-bg-surface-brand-elevated-pressed: #014533;
--al-color-bg-surface-brand-elevated-selected: #014533;
--al-color-bg-surface-brand-elevated-disabled: #002318;
--al-color-bg-fill-brand: #45b48e;
--al-color-bg-fill-brand-hovered: #62c6a2;
--al-color-bg-fill-brand-pressed: #8ad9ba;
--al-color-bg-fill-brand-selected: #baebd6;
--al-color-bg-fill-brand-disabled: #014533;
--al-color-text-brand: #45b48e;
--al-color-text-brand-hovered: #62c6a2;
--al-color-text-brand-pressed: #8ad9ba;
--al-color-text-brand-selected: #baebd6;
--al-color-text-brand-disabled: #034f3a;
--al-color-text-on-bg-fill-brand: #00110a;
--al-color-text-on-bg-fill-brand-hovered: #00110a;
--al-color-text-on-bg-fill-brand-pressed: #00110a;
--al-color-text-on-bg-fill-brand-selected: #00110a;
--al-color-text-on-bg-fill-brand-disabled: #001b12;}

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