: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: #077fca;
--cb-color-bg-fill-brand-hovered: #258fd0;
--cb-color-bg-fill-brand-pressed: #3999d5;
--cb-color-bg-fill-brand-selected: #2f94d3;
--cb-color-bg-fill-brand-disabled: #60addd;
--cb-color-text-brand: #077fca;
--cb-color-text-brand-hovered: #1a89ce;
--cb-color-text-brand-pressed: #3999d5;
--cb-color-text-brand-selected: #258fd0;
--cb-color-text-brand-disabled: #60addd;
--cb-color-bg-surface-brand: #ecf5fb;
--cb-color-bg-surface-brand-hovered: #d7eaf6;
--cb-color-bg-surface-brand-pressed: #c4e0f2;
--cb-color-bg-surface-brand-selected: #e1eff9;
--cb-color-bg-surface-brand-disabled: #f5fafd;
--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: #077fca;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #077bc4;
--cb-color-bg-fill-brand-hovered: #258bcb;
--cb-color-bg-fill-brand-pressed: #3995d0;
--cb-color-bg-fill-brand-selected: #2f90cd;
--cb-color-bg-fill-brand-disabled: #60abd9;
--cb-color-text-brand: #0674b8;
--cb-color-text-brand-hovered: #1a7fbe;
--cb-color-text-brand-pressed: #3890c6;
--cb-color-text-brand-selected: #2485c1;
--cb-color-text-brand-disabled: #60a6d2;
--cb-color-border-selected: #077bc4;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #0670b1;
--cb-color-bg-fill-brand-pressed: #0666a2;
--cb-color-bg-fill-brand-selected: #066baa;
--cb-color-bg-fill-brand-disabled: #045181;
--cb-color-text-brand-hovered: #0675ba;
--cb-color-text-brand-pressed: #0666a2;
--cb-color-text-brand-selected: #0670b1;
--cb-color-text-brand-disabled: #045181;
--cb-color-bg-surface-brand: #011420;
--cb-color-bg-surface-brand-hovered: #021e30;
--cb-color-bg-surface-brand-pressed: #022941;
--cb-color-bg-surface-brand-selected: #011928;
--cb-color-bg-surface-brand-disabled: #010f19;
--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: #1f333f;
--cb-color-bg-surface-brand-hovered: #1d3a4c;
--cb-color-bg-surface-brand-pressed: #1b4159;
--cb-color-bg-surface-brand-selected: #1e3645;
--cb-color-bg-surface-brand-disabled: #202f38;}
:root{--al-color-border-selected: #007bc6;
--al-color-border-elevated-selected: #007bc6;
--al-color-outline-focused: #002e56;
--al-color-bg-surface-brand: #ddeefd;
--al-color-bg-surface-brand-hovered: #c1e0fc;
--al-color-bg-surface-brand-pressed: #a7d3fa;
--al-color-bg-surface-brand-selected: #a7d3fa;
--al-color-bg-surface-brand-disabled: #ebf5fd;
--al-color-bg-surface-brand-elevated: #ddeefd;
--al-color-bg-surface-brand-elevated-hovered: #c1e0fc;
--al-color-bg-surface-brand-elevated-pressed: #a7d3fa;
--al-color-bg-surface-brand-elevated-selected: #a7d3fa;
--al-color-bg-surface-brand-elevated-disabled: #ebf5fd;
--al-color-bg-fill-brand: #007bc6;
--al-color-bg-fill-brand-hovered: #006ab1;
--al-color-bg-fill-brand-pressed: #005b9c;
--al-color-bg-fill-brand-selected: #004c86;
--al-color-bg-fill-brand-disabled: #90c7f7;
--al-color-text-brand: #006ab1;
--al-color-text-brand-hovered: #005b9c;
--al-color-text-brand-pressed: #004c86;
--al-color-text-brand-selected: #003d6f;
--al-color-text-brand-disabled: #79bbf3;
--al-color-text-on-bg-fill-brand: #f9fcfe;
--al-color-text-on-bg-fill-brand-hovered: #f9fcfe;
--al-color-text-on-bg-fill-brand-pressed: #f9fcfe;
--al-color-text-on-bg-fill-brand-selected: #f9fcfe;
--al-color-text-on-bg-fill-brand-disabled: #ebf5fd;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #006ab1;
--al-color-border-elevated-selected: #006ab1;
--al-color-bg-fill-brand: #006ab1;
--al-color-bg-fill-brand-hovered: #005b9c;
--al-color-bg-fill-brand-pressed: #004c86;
--al-color-bg-fill-brand-selected: #003d6f;
--al-color-text-brand: #004c86;
--al-color-text-brand-hovered: #003d6f;
--al-color-text-brand-pressed: #002e56;
--al-color-text-brand-selected: #001b38;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #1584cf;
--al-color-border-elevated-selected: #3795de;
--al-color-outline-focused: #c8e3fc;
--al-color-bg-surface-brand: #001e3b;
--al-color-bg-surface-brand-hovered: #002a50;
--al-color-bg-surface-brand-pressed: #00345f;
--al-color-bg-surface-brand-selected: #00345f;
--al-color-bg-surface-brand-disabled: #00162f;
--al-color-bg-surface-brand-elevated: #002a50;
--al-color-bg-surface-brand-elevated-hovered: #00345f;
--al-color-bg-surface-brand-elevated-pressed: #003e70;
--al-color-bg-surface-brand-elevated-selected: #003e70;
--al-color-bg-surface-brand-elevated-disabled: #001e3b;
--al-color-bg-fill-brand: #57a7ea;
--al-color-bg-fill-brand-hovered: #79baf3;
--al-color-bg-fill-brand-pressed: #9fcef9;
--al-color-bg-fill-brand-selected: #c8e3fc;
--al-color-bg-fill-brand-disabled: #003e70;
--al-color-text-brand: #57a7ea;
--al-color-text-brand-hovered: #79baf3;
--al-color-text-brand-pressed: #9fcef9;
--al-color-text-brand-selected: #c8e3fc;
--al-color-text-brand-disabled: #00477d;
--al-color-text-on-bg-fill-brand: #000d1f;
--al-color-text-on-bg-fill-brand-hovered: #000d1f;
--al-color-text-on-bg-fill-brand-pressed: #000d1f;
--al-color-text-on-bg-fill-brand-selected: #000d1f;
--al-color-text-on-bg-fill-brand-disabled: #00162f;}

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