: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: #86c8b2;
--cb-color-bg-fill-brand-hovered: #95cfbb;
--cb-color-bg-fill-brand-pressed: #9ed3c1;
--cb-color-bg-fill-brand-selected: #99d1be;
--cb-color-bg-fill-brand-disabled: #b2dcce;
--cb-color-text-brand: #86c8b2;
--cb-color-text-brand-hovered: #8fccb8;
--cb-color-text-brand-pressed: #9ed3c1;
--cb-color-text-brand-selected: #95cfbb;
--cb-color-text-brand-disabled: #b2dcce;
--cb-color-bg-surface-brand: #f6fbf9;
--cb-color-bg-surface-brand-hovered: #ecf6f3;
--cb-color-bg-surface-brand-pressed: #e2f2ed;
--cb-color-bg-surface-brand-selected: #f0f8f6;
--cb-color-bg-surface-brand-disabled: #fafdfc;
--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: #86c8b2;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #517a6c;
--cb-color-bg-fill-brand-hovered: #668a7e;
--cb-color-bg-fill-brand-pressed: #749589;
--cb-color-bg-fill-brand-selected: #6d8f84;
--cb-color-bg-fill-brand-disabled: #90aaa1;
--cb-color-text-brand: #4f7669;
--cb-color-text-brand-hovered: #5d8175;
--cb-color-text-brand-pressed: #729187;
--cb-color-text-brand-selected: #64877b;
--cb-color-text-brand-disabled: #8ea79f;
--cb-color-border-selected: #517a6c;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #76b09c;
--cb-color-bg-fill-brand-pressed: #6ba08e;
--cb-color-bg-fill-brand-selected: #70a895;
--cb-color-bg-fill-brand-disabled: #568072;
--cb-color-text-brand-hovered: #7bb8a4;
--cb-color-text-brand-pressed: #6ba08e;
--cb-color-text-brand-selected: #76b09c;
--cb-color-text-brand-disabled: #568072;
--cb-color-bg-surface-brand: #16201d;
--cb-color-bg-surface-brand-hovered: #20302b;
--cb-color-bg-surface-brand-pressed: #2b4039;
--cb-color-bg-surface-brand-selected: #1b2824;
--cb-color-bg-surface-brand-disabled: #101816;
--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: #343e3b;
--cb-color-bg-surface-brand-hovered: #3b4b46;
--cb-color-bg-surface-brand-pressed: #445952;
--cb-color-bg-surface-brand-selected: #384540;
--cb-color-bg-surface-brand-disabled: #303835;}
:root{--al-color-border-selected: #4e8070;
--al-color-border-elevated-selected: #4e8070;
--al-color-outline-focused: #1a312a;
--al-color-bg-surface-brand: #cdf4e6;
--al-color-bg-surface-brand-hovered: #b1e8d5;
--al-color-bg-surface-brand-pressed: #9ddcc6;
--al-color-bg-surface-brand-selected: #9ddcc6;
--al-color-bg-surface-brand-disabled: #e2f9f0;
--al-color-bg-surface-brand-elevated: #cdf4e6;
--al-color-bg-surface-brand-elevated-hovered: #b1e8d5;
--al-color-bg-surface-brand-elevated-pressed: #9ddcc6;
--al-color-bg-surface-brand-elevated-selected: #9ddcc6;
--al-color-bg-surface-brand-elevated-disabled: #e2f9f0;
--al-color-bg-fill-brand: #4e8070;
--al-color-bg-fill-brand-hovered: #437062;
--al-color-bg-fill-brand-pressed: #396054;
--al-color-bg-fill-brand-selected: #2f5146;
--al-color-bg-fill-brand-disabled: #8dcfb9;
--al-color-text-brand: #437062;
--al-color-text-brand-hovered: #396054;
--al-color-text-brand-pressed: #2f5146;
--al-color-text-brand-selected: #244138;
--al-color-text-brand-disabled: #80c1ac;
--al-color-text-on-bg-fill-brand: #f9fdfc;
--al-color-text-on-bg-fill-brand-hovered: #f9fdfc;
--al-color-text-on-bg-fill-brand-pressed: #f9fdfc;
--al-color-text-on-bg-fill-brand-selected: #f9fdfc;
--al-color-text-on-bg-fill-brand-disabled: #e2f9f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #437062;
--al-color-border-elevated-selected: #437062;
--al-color-bg-fill-brand: #437062;
--al-color-bg-fill-brand-hovered: #396054;
--al-color-bg-fill-brand-pressed: #2f5146;
--al-color-bg-fill-brand-selected: #244138;
--al-color-text-brand: #2f5146;
--al-color-text-brand-hovered: #244138;
--al-color-text-brand-pressed: #1a312a;
--al-color-text-brand-selected: #0e1e19;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #548978;
--al-color-border-elevated-selected: #619a88;
--al-color-outline-focused: #b7ebd9;
--al-color-bg-surface-brand: #10211b;
--al-color-bg-surface-brand-hovered: #172d26;
--al-color-bg-surface-brand-pressed: #1e3830;
--al-color-bg-surface-brand-selected: #1e3830;
--al-color-bg-surface-brand-disabled: #0b1914;
--al-color-bg-surface-brand-elevated: #172d26;
--al-color-bg-surface-brand-elevated-hovered: #1e3830;
--al-color-bg-surface-brand-elevated-pressed: #254238;
--al-color-bg-surface-brand-elevated-selected: #254238;
--al-color-bg-surface-brand-elevated-disabled: #10211b;
--al-color-bg-fill-brand: #6fad99;
--al-color-bg-fill-brand-hovered: #80c1ac;
--al-color-bg-fill-brand-pressed: #96d6c1;
--al-color-bg-fill-brand-selected: #b7ebd9;
--al-color-bg-fill-brand-disabled: #254238;
--al-color-text-brand: #6fad99;
--al-color-text-brand-hovered: #80c1ac;
--al-color-text-brand-pressed: #96d6c1;
--al-color-text-brand-selected: #b7ebd9;
--al-color-text-brand-disabled: #2b4b41;
--al-color-text-on-bg-fill-brand: #06100c;
--al-color-text-on-bg-fill-brand-hovered: #06100c;
--al-color-text-on-bg-fill-brand-pressed: #06100c;
--al-color-text-on-bg-fill-brand-selected: #06100c;
--al-color-text-on-bg-fill-brand-disabled: #0b1914;}

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