: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: #739fae;
--cb-color-bg-fill-brand-hovered: #84abb8;
--cb-color-bg-fill-brand-pressed: #8fb2be;
--cb-color-bg-fill-brand-selected: #8aaebb;
--cb-color-bg-fill-brand-disabled: #a6c2cb;
--cb-color-text-brand: #739fae;
--cb-color-text-brand-hovered: #7ea7b4;
--cb-color-text-brand-pressed: #8fb2be;
--cb-color-text-brand-selected: #84abb8;
--cb-color-text-brand-disabled: #a6c2cb;
--cb-color-bg-surface-brand: #f4f7f9;
--cb-color-bg-surface-brand-hovered: #e8f0f2;
--cb-color-bg-surface-brand-pressed: #dee8ec;
--cb-color-bg-surface-brand-selected: #eef3f5;
--cb-color-bg-surface-brand-disabled: #fafbfc;
--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: #739fae;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #587985;
--cb-color-bg-fill-brand-hovered: #6c8994;
--cb-color-bg-fill-brand-pressed: #79949d;
--cb-color-bg-fill-brand-selected: #738f99;
--cb-color-bg-fill-brand-disabled: #94a9b1;
--cb-color-text-brand: #54747f;
--cb-color-text-brand-hovered: #617f89;
--cb-color-text-brand-pressed: #769099;
--cb-color-text-brand-selected: #69858f;
--cb-color-text-brand-disabled: #92a6ad;
--cb-color-border-selected: #587985;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #658c99;
--cb-color-bg-fill-brand-pressed: #5c7f8b;
--cb-color-bg-fill-brand-selected: #618592;
--cb-color-bg-fill-brand-disabled: #4a666f;
--cb-color-text-brand-hovered: #6a93a0;
--cb-color-text-brand-pressed: #5c7f8b;
--cb-color-text-brand-selected: #658c99;
--cb-color-text-brand-disabled: #4a666f;
--cb-color-bg-surface-brand: #121a1c;
--cb-color-bg-surface-brand-hovered: #1c262a;
--cb-color-bg-surface-brand-pressed: #253338;
--cb-color-bg-surface-brand-selected: #172023;
--cb-color-bg-surface-brand-disabled: #0e1315;
--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: #31383a;
--cb-color-bg-surface-brand-hovered: #374145;
--cb-color-bg-surface-brand-pressed: #3d4c50;
--cb-color-bg-surface-brand-selected: #343d40;
--cb-color-bg-surface-brand-disabled: #2e3335;}
:root{--al-color-border-selected: #557c8a;
--al-color-border-elevated-selected: #557c8a;
--al-color-outline-focused: #1c3036;
--al-color-bg-surface-brand: #e1eef2;
--al-color-bg-surface-brand-hovered: #c9e0e8;
--al-color-bg-surface-brand-pressed: #b6d4df;
--al-color-bg-surface-brand-selected: #b6d4df;
--al-color-bg-surface-brand-disabled: #edf4f7;
--al-color-bg-surface-brand-elevated: #e1eef2;
--al-color-bg-surface-brand-elevated-hovered: #c9e0e8;
--al-color-bg-surface-brand-elevated-pressed: #b6d4df;
--al-color-bg-surface-brand-elevated-selected: #b6d4df;
--al-color-bg-surface-brand-elevated-disabled: #edf4f7;
--al-color-bg-fill-brand: #557c8a;
--al-color-bg-fill-brand-hovered: #496c79;
--al-color-bg-fill-brand-pressed: #3d5d68;
--al-color-bg-fill-brand-selected: #324e58;
--al-color-bg-fill-brand-disabled: #a2c7d3;
--al-color-text-brand: #496c79;
--al-color-text-brand-hovered: #3d5d68;
--al-color-text-brand-pressed: #324e58;
--al-color-text-brand-selected: #283f47;
--al-color-text-brand-disabled: #93bbc9;
--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: #edf4f7;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #496c79;
--al-color-border-elevated-selected: #496c79;
--al-color-bg-fill-brand: #496c79;
--al-color-bg-fill-brand-hovered: #3d5d68;
--al-color-bg-fill-brand-pressed: #324e58;
--al-color-bg-fill-brand-selected: #283f47;
--al-color-text-brand: #324e58;
--al-color-text-brand-hovered: #283f47;
--al-color-text-brand-pressed: #1c3036;
--al-color-text-brand-selected: #101d22;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5c8592;
--al-color-border-elevated-selected: #6b96a5;
--al-color-outline-focused: #cfe3eb;
--al-color-bg-surface-brand: #111f24;
--al-color-bg-surface-brand-hovered: #1a2c32;
--al-color-bg-surface-brand-pressed: #21363d;
--al-color-bg-surface-brand-selected: #21363d;
--al-color-bg-surface-brand-disabled: #0d191d;
--al-color-bg-surface-brand-elevated: #1a2c32;
--al-color-bg-surface-brand-elevated-hovered: #21363d;
--al-color-bg-surface-brand-elevated-pressed: #284048;
--al-color-bg-surface-brand-elevated-selected: #284048;
--al-color-bg-surface-brand-elevated-disabled: #111f24;
--al-color-bg-fill-brand: #7da8b7;
--al-color-bg-fill-brand-hovered: #93bbc9;
--al-color-bg-fill-brand-pressed: #aecfdb;
--al-color-bg-fill-brand-selected: #cfe3eb;
--al-color-bg-fill-brand-disabled: #284048;
--al-color-text-brand: #7da8b7;
--al-color-text-brand-hovered: #93bbc9;
--al-color-text-brand-pressed: #aecfdb;
--al-color-text-brand-selected: #cfe3eb;
--al-color-text-brand-disabled: #2f4952;
--al-color-text-on-bg-fill-brand: #060f12;
--al-color-text-on-bg-fill-brand-hovered: #060f12;
--al-color-text-on-bg-fill-brand-pressed: #060f12;
--al-color-text-on-bg-fill-brand-selected: #060f12;
--al-color-text-on-bg-fill-brand-disabled: #0d191d;}

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