: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: #87C8B3;
--cb-color-bg-fill-brand-hovered: #96cfbc;
--cb-color-bg-fill-brand-pressed: #9fd3c2;
--cb-color-bg-fill-brand-selected: #9ad1bf;
--cb-color-bg-fill-brand-disabled: #b2dcce;
--cb-color-text-brand: #87C8B3;
--cb-color-text-brand-hovered: #90ccb9;
--cb-color-text-brand-pressed: #9fd3c2;
--cb-color-text-brand-selected: #96cfbc;
--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: #87C8B3;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #52796d;
--cb-color-bg-fill-brand-hovered: #67897f;
--cb-color-bg-fill-brand-pressed: #75948a;
--cb-color-bg-fill-brand-selected: #6e8f84;
--cb-color-bg-fill-brand-disabled: #90a9a2;
--cb-color-text-brand: #50766a;
--cb-color-text-brand-hovered: #5e8176;
--cb-color-text-brand-pressed: #739188;
--cb-color-text-brand-selected: #65877c;
--cb-color-text-brand-disabled: #8fa7a0;
--cb-color-border-selected: #52796d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #77b09d;
--cb-color-bg-fill-brand-pressed: #6ca08f;
--cb-color-bg-fill-brand-selected: #71a896;
--cb-color-bg-fill-brand-disabled: #568072;
--cb-color-text-brand-hovered: #7cb8a5;
--cb-color-text-brand-pressed: #6ca08f;
--cb-color-text-brand-selected: #77b09d;
--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: #2b403a;
--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: #3c4b46;
--cb-color-bg-surface-brand-pressed: #445952;
--cb-color-bg-surface-brand-selected: #384541;
--cb-color-bg-surface-brand-disabled: #303835;}
:root{--al-color-border-selected: #4f8070;
--al-color-border-elevated-selected: #4f8070;
--al-color-outline-focused: #1b312a;
--al-color-bg-surface-brand: #cdf4e6;
--al-color-bg-surface-brand-hovered: #b1e8d5;
--al-color-bg-surface-brand-pressed: #9cdbc6;
--al-color-bg-surface-brand-selected: #9cdbc6;
--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: #9cdbc6;
--al-color-bg-surface-brand-elevated-selected: #9cdbc6;
--al-color-bg-surface-brand-elevated-disabled: #e2f9f0;
--al-color-bg-fill-brand: #4f8070;
--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: #8eceb9;
--al-color-text-brand: #437062;
--al-color-text-brand-hovered: #396054;
--al-color-text-brand-pressed: #2f5146;
--al-color-text-brand-selected: #254139;
--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: #254139;
--al-color-text-brand: #2f5146;
--al-color-text-brand-hovered: #254139;
--al-color-text-brand-pressed: #1b312a;
--al-color-text-brand-selected: #0e1e19;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #558878;
--al-color-border-elevated-selected: #629a88;
--al-color-outline-focused: #b8ebda;
--al-color-bg-surface-brand: #10211b;
--al-color-bg-surface-brand-hovered: #182d26;
--al-color-bg-surface-brand-pressed: #1e3830;
--al-color-bg-surface-brand-selected: #1e3830;
--al-color-bg-surface-brand-disabled: #0b1a15;
--al-color-bg-surface-brand-elevated: #182d26;
--al-color-bg-surface-brand-elevated-hovered: #1e3830;
--al-color-bg-surface-brand-elevated-pressed: #254239;
--al-color-bg-surface-brand-elevated-selected: #254239;
--al-color-bg-surface-brand-elevated-disabled: #10211b;
--al-color-bg-fill-brand: #70ad9a;
--al-color-bg-fill-brand-hovered: #81c1ad;
--al-color-bg-fill-brand-pressed: #97d6c2;
--al-color-bg-fill-brand-selected: #b8ebda;
--al-color-bg-fill-brand-disabled: #254239;
--al-color-text-brand: #70ad9a;
--al-color-text-brand-hovered: #81c1ad;
--al-color-text-brand-pressed: #97d6c2;
--al-color-text-brand-selected: #b8ebda;
--al-color-text-brand-disabled: #2b4b41;
--al-color-text-on-bg-fill-brand: #060f0c;
--al-color-text-on-bg-fill-brand-hovered: #060f0c;
--al-color-text-on-bg-fill-brand-pressed: #060f0c;
--al-color-text-on-bg-fill-brand-selected: #060f0c;
--al-color-text-on-bg-fill-brand-disabled: #0b1a15;}

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