: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: #1c84a4;
--cb-color-bg-fill-brand-hovered: #3893af;
--cb-color-bg-fill-brand-pressed: #499db6;
--cb-color-bg-fill-brand-selected: #4098b3;
--cb-color-bg-fill-brand-disabled: #6eb0c5;
--cb-color-text-brand: #1c84a4;
--cb-color-text-brand-hovered: #2e8eab;
--cb-color-text-brand-pressed: #499db6;
--cb-color-text-brand-selected: #3893af;
--cb-color-text-brand-disabled: #6eb0c5;
--cb-color-bg-surface-brand: #edf5f8;
--cb-color-bg-surface-brand-hovered: #dbebf0;
--cb-color-bg-surface-brand-pressed: #c9e2e9;
--cb-color-bg-surface-brand-selected: #e3f0f4;
--cb-color-bg-surface-brand-disabled: #f6fafb;
--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: #1c84a4;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #1b809f;
--cb-color-bg-fill-brand-hovered: #378fab;
--cb-color-bg-fill-brand-pressed: #4999b2;
--cb-color-bg-fill-brand-selected: #4094ae;
--cb-color-bg-fill-brand-disabled: #6daec2;
--cb-color-text-brand: #1a7895;
--cb-color-text-brand-hovered: #2c839d;
--cb-color-text-brand-pressed: #4893aa;
--cb-color-text-brand-selected: #3688a2;
--cb-color-text-brand-disabled: #6da9bb;
--cb-color-border-selected: #1b809f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #197490;
--cb-color-bg-fill-brand-pressed: #166a83;
--cb-color-bg-fill-brand-selected: #176f8a;
--cb-color-bg-fill-brand-disabled: #125469;
--cb-color-text-brand-hovered: #1a7a97;
--cb-color-text-brand-pressed: #166a83;
--cb-color-text-brand-selected: #197490;
--cb-color-text-brand-disabled: #125469;
--cb-color-bg-surface-brand: #05151a;
--cb-color-bg-surface-brand-hovered: #072027;
--cb-color-bg-surface-brand-pressed: #092a35;
--cb-color-bg-surface-brand-selected: #061a21;
--cb-color-bg-surface-brand-disabled: #031014;
--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: #233339;
--cb-color-bg-surface-brand-hovered: #223b43;
--cb-color-bg-surface-brand-pressed: #21434d;
--cb-color-bg-surface-brand-selected: #22373e;
--cb-color-bg-surface-brand-disabled: #233034;}
:root{--al-color-border-selected: #1680a0;
--al-color-border-elevated-selected: #1680a0;
--al-color-outline-focused: #003143;
--al-color-bg-surface-brand: #dfeef4;
--al-color-bg-surface-brand-hovered: #c5e1ed;
--al-color-bg-surface-brand-pressed: #add5e5;
--al-color-bg-surface-brand-selected: #add5e5;
--al-color-bg-surface-brand-disabled: #ecf5f8;
--al-color-bg-surface-brand-elevated: #dfeef4;
--al-color-bg-surface-brand-elevated-hovered: #c5e1ed;
--al-color-bg-surface-brand-elevated-pressed: #add5e5;
--al-color-bg-surface-brand-elevated-selected: #add5e5;
--al-color-bg-surface-brand-elevated-disabled: #ecf5f8;
--al-color-bg-fill-brand: #1680a0;
--al-color-bg-fill-brand-hovered: #00708f;
--al-color-bg-fill-brand-pressed: #00607c;
--al-color-bg-fill-brand-selected: #00516a;
--al-color-bg-fill-brand-disabled: #96c9de;
--al-color-text-brand: #00708f;
--al-color-text-brand-hovered: #00607c;
--al-color-text-brand-pressed: #00516a;
--al-color-text-brand-selected: #004157;
--al-color-text-brand-disabled: #7fbdd5;
--al-color-text-on-bg-fill-brand: #fafcfd;
--al-color-text-on-bg-fill-brand-hovered: #fafcfd;
--al-color-text-on-bg-fill-brand-pressed: #fafcfd;
--al-color-text-on-bg-fill-brand-selected: #fafcfd;
--al-color-text-on-bg-fill-brand-disabled: #ecf5f8;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #00708f;
--al-color-border-elevated-selected: #00708f;
--al-color-bg-fill-brand: #00708f;
--al-color-bg-fill-brand-hovered: #00607c;
--al-color-bg-fill-brand-pressed: #00516a;
--al-color-bg-fill-brand-selected: #004157;
--al-color-text-brand: #00516a;
--al-color-text-brand-hovered: #004157;
--al-color-text-brand-pressed: #003143;
--al-color-text-brand-selected: #001e2b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #2489a9;
--al-color-border-elevated-selected: #4099b9;
--al-color-outline-focused: #cce4ef;
--al-color-bg-surface-brand: #00212e;
--al-color-bg-surface-brand-hovered: #002d3d;
--al-color-bg-surface-brand-pressed: #00384a;
--al-color-bg-surface-brand-selected: #00384a;
--al-color-bg-surface-brand-disabled: #001924;
--al-color-bg-surface-brand-elevated: #002d3d;
--al-color-bg-surface-brand-elevated-hovered: #00384a;
--al-color-bg-surface-brand-elevated-pressed: #004258;
--al-color-bg-surface-brand-elevated-selected: #004258;
--al-color-bg-surface-brand-elevated-disabled: #00212e;
--al-color-bg-fill-brand: #5fabc8;
--al-color-bg-fill-brand-hovered: #80bdd5;
--al-color-bg-fill-brand-pressed: #a4d0e2;
--al-color-bg-fill-brand-selected: #cce4ef;
--al-color-bg-fill-brand-disabled: #004258;
--al-color-text-brand: #5fabc8;
--al-color-text-brand-hovered: #80bdd5;
--al-color-text-brand-pressed: #a4d0e2;
--al-color-text-brand-selected: #cce4ef;
--al-color-text-brand-disabled: #004b63;
--al-color-text-on-bg-fill-brand: #001018;
--al-color-text-on-bg-fill-brand-hovered: #001018;
--al-color-text-on-bg-fill-brand-pressed: #001018;
--al-color-text-on-bg-fill-brand-selected: #001018;
--al-color-text-on-bg-fill-brand-disabled: #001924;}

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