: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: #6BCABA;
--cb-color-bg-fill-brand-hovered: #7dd0c2;
--cb-color-bg-fill-brand-pressed: #89d5c8;
--cb-color-bg-fill-brand-selected: #83d3c5;
--cb-color-bg-fill-brand-disabled: #a0ddd3;
--cb-color-text-brand: #6BCABA;
--cb-color-text-brand-hovered: #77cebf;
--cb-color-text-brand-pressed: #89d5c8;
--cb-color-text-brand-selected: #7dd0c2;
--cb-color-text-brand-disabled: #a0ddd3;
--cb-color-bg-surface-brand: #f3fbfa;
--cb-color-bg-surface-brand-hovered: #e7f6f4;
--cb-color-bg-surface-brand-pressed: #dcf2ee;
--cb-color-bg-surface-brand-selected: #edf9f7;
--cb-color-bg-surface-brand-disabled: #f9fdfc;
--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: #6BCABA;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #427c72;
--cb-color-bg-fill-brand-hovered: #598c83;
--cb-color-bg-fill-brand-pressed: #68968e;
--cb-color-bg-fill-brand-selected: #609189;
--cb-color-bg-fill-brand-disabled: #86aba5;
--cb-color-text-brand: #3f786e;
--cb-color-text-brand-hovered: #4e8379;
--cb-color-text-brand-pressed: #65938b;
--cb-color-text-brand-selected: #568880;
--cb-color-text-brand-disabled: #84a9a2;
--cb-color-border-selected: #427c72;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #5eb1a3;
--cb-color-bg-fill-brand-pressed: #56a295;
--cb-color-bg-fill-brand-selected: #5aaa9c;
--cb-color-bg-fill-brand-disabled: #448177;
--cb-color-text-brand-hovered: #63baab;
--cb-color-text-brand-pressed: #56a295;
--cb-color-text-brand-selected: #5eb1a3;
--cb-color-text-brand-disabled: #448177;
--cb-color-bg-surface-brand: #11201e;
--cb-color-bg-surface-brand-hovered: #1a302c;
--cb-color-bg-surface-brand-pressed: #22413c;
--cb-color-bg-surface-brand-selected: #152825;
--cb-color-bg-surface-brand-disabled: #0d1917;
--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: #2f3f3c;
--cb-color-bg-surface-brand-hovered: #354c48;
--cb-color-bg-surface-brand-pressed: #3b5954;
--cb-color-bg-surface-brand-selected: #324542;
--cb-color-bg-surface-brand-disabled: #2d3836;}
:root{--al-color-border-selected: #388277;
--al-color-border-elevated-selected: #388277;
--al-color-outline-focused: #10322d;
--al-color-bg-surface-brand: #c2f6ec;
--al-color-bg-surface-brand-hovered: #9eebdd;
--al-color-bg-surface-brand-pressed: #87dfcf;
--al-color-bg-surface-brand-selected: #87dfcf;
--al-color-bg-surface-brand-disabled: #dcfaf4;
--al-color-bg-surface-brand-elevated: #c2f6ec;
--al-color-bg-surface-brand-elevated-hovered: #9eebdd;
--al-color-bg-surface-brand-elevated-pressed: #87dfcf;
--al-color-bg-surface-brand-elevated-selected: #87dfcf;
--al-color-bg-surface-brand-elevated-disabled: #dcfaf4;
--al-color-bg-fill-brand: #388277;
--al-color-bg-fill-brand-hovered: #2f7267;
--al-color-bg-fill-brand-pressed: #276259;
--al-color-bg-fill-brand-selected: #1f524a;
--al-color-bg-fill-brand-disabled: #75d2c2;
--al-color-text-brand: #2f7267;
--al-color-text-brand-hovered: #276259;
--al-color-text-brand-pressed: #1f524a;
--al-color-text-brand-selected: #18433d;
--al-color-text-brand-disabled: #66c5b5;
--al-color-text-on-bg-fill-brand: #f8fdfc;
--al-color-text-on-bg-fill-brand-hovered: #f8fdfc;
--al-color-text-on-bg-fill-brand-pressed: #f8fdfc;
--al-color-text-on-bg-fill-brand-selected: #f8fdfc;
--al-color-text-on-bg-fill-brand-disabled: #dcfaf4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #2f7267;
--al-color-border-elevated-selected: #2f7267;
--al-color-bg-fill-brand: #2f7267;
--al-color-bg-fill-brand-hovered: #276259;
--al-color-bg-fill-brand-pressed: #1f524a;
--al-color-bg-fill-brand-selected: #18433d;
--al-color-text-brand: #1f524a;
--al-color-text-brand-hovered: #18433d;
--al-color-text-brand-pressed: #10322d;
--al-color-text-brand-selected: #071f1b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #3d8b7f;
--al-color-border-elevated-selected: #489d90;
--al-color-outline-focused: #a6eee0;
--al-color-bg-surface-brand: #08211d;
--al-color-bg-surface-brand-hovered: #0e2e29;
--al-color-bg-surface-brand-pressed: #133933;
--al-color-bg-surface-brand-selected: #133933;
--al-color-bg-surface-brand-disabled: #051a16;
--al-color-bg-surface-brand-elevated: #0e2e29;
--al-color-bg-surface-brand-elevated-hovered: #133933;
--al-color-bg-surface-brand-elevated-pressed: #18433d;
--al-color-bg-surface-brand-elevated-selected: #18433d;
--al-color-bg-surface-brand-elevated-disabled: #08211d;
--al-color-bg-fill-brand: #55b0a2;
--al-color-bg-fill-brand-hovered: #66c4b5;
--al-color-bg-fill-brand-pressed: #7ed9c9;
--al-color-bg-fill-brand-selected: #a6eee0;
--al-color-bg-fill-brand-disabled: #18433d;
--al-color-text-brand: #55b0a2;
--al-color-text-brand-hovered: #66c4b5;
--al-color-text-brand-pressed: #7ed9c9;
--al-color-text-brand-selected: #a6eee0;
--al-color-text-brand-disabled: #1c4d45;
--al-color-text-on-bg-fill-brand: #03100e;
--al-color-text-on-bg-fill-brand-hovered: #03100e;
--al-color-text-on-bg-fill-brand-pressed: #03100e;
--al-color-text-on-bg-fill-brand-selected: #03100e;
--al-color-text-on-bg-fill-brand-disabled: #051a16;}

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