: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: #3865b4;
--cb-color-bg-fill-brand-hovered: #5078bd;
--cb-color-bg-fill-brand-pressed: #6084c3;
--cb-color-bg-fill-brand-selected: #587ec0;
--cb-color-bg-fill-brand-disabled: #809dcf;
--cb-color-text-brand: #3865b4;
--cb-color-text-brand-hovered: #4871ba;
--cb-color-text-brand-pressed: #6084c3;
--cb-color-text-brand-selected: #5078bd;
--cb-color-text-brand-disabled: #809dcf;
--cb-color-bg-surface-brand: #eff3f9;
--cb-color-bg-surface-brand-hovered: #dfe6f3;
--cb-color-bg-surface-brand-pressed: #cfdaed;
--cb-color-bg-surface-brand-selected: #e7ecf6;
--cb-color-bg-surface-brand-disabled: #f7f9fc;
--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: #3865b4;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #31599e;
--cb-color-bg-fill-brand-pressed: #2d5190;
--cb-color-bg-fill-brand-selected: #2f5597;
--cb-color-bg-fill-brand-disabled: #244173;
--cb-color-text-brand-hovered: #345da6;
--cb-color-text-brand-pressed: #2d5190;
--cb-color-text-brand-selected: #31599e;
--cb-color-text-brand-disabled: #244173;
--cb-color-bg-surface-brand: #09101d;
--cb-color-bg-surface-brand-hovered: #0d182b;
--cb-color-bg-surface-brand-pressed: #12203a;
--cb-color-bg-surface-brand-selected: #0b1424;
--cb-color-bg-surface-brand-disabled: #070c16;
--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: #272e3b;
--cb-color-bg-surface-brand-hovered: #293446;
--cb-color-bg-surface-brand-pressed: #2a3952;
--cb-color-bg-surface-brand-selected: #283141;
--cb-color-bg-surface-brand-disabled: #262c36;}
:root{--al-color-border-selected: #4975c4;
--al-color-border-elevated-selected: #4975c4;
--al-color-outline-focused: #0e2b5e;
--al-color-bg-surface-brand: #e5ecfa;
--al-color-bg-surface-brand-hovered: #cfdef6;
--al-color-bg-surface-brand-pressed: #bbd0f3;
--al-color-bg-surface-brand-selected: #bbd0f3;
--al-color-bg-surface-brand-disabled: #f0f5fc;
--al-color-bg-surface-brand-elevated: #e5ecfa;
--al-color-bg-surface-brand-elevated-hovered: #cfdef6;
--al-color-bg-surface-brand-elevated-pressed: #bbd0f3;
--al-color-bg-surface-brand-elevated-selected: #bbd0f3;
--al-color-bg-surface-brand-elevated-disabled: #f0f5fc;
--al-color-bg-fill-brand: #4975c4;
--al-color-bg-fill-brand-hovered: #3865b5;
--al-color-bg-fill-brand-pressed: #2b56a2;
--al-color-bg-fill-brand-selected: #21488e;
--al-color-bg-fill-brand-disabled: #a9c3ee;
--al-color-text-brand: #3865b5;
--al-color-text-brand-hovered: #2b56a2;
--al-color-text-brand-pressed: #21488e;
--al-color-text-brand-selected: #173a77;
--al-color-text-brand-disabled: #98b6ea;
--al-color-text-on-bg-fill-brand: #fafbfe;
--al-color-text-on-bg-fill-brand-hovered: #fafbfe;
--al-color-text-on-bg-fill-brand-pressed: #fafbfe;
--al-color-text-on-bg-fill-brand-selected: #fafbfe;
--al-color-text-on-bg-fill-brand-disabled: #f0f5fc;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #3865b5;
--al-color-border-elevated-selected: #3865b5;
--al-color-bg-fill-brand: #3865b5;
--al-color-bg-fill-brand-hovered: #2b56a2;
--al-color-bg-fill-brand-pressed: #21488e;
--al-color-bg-fill-brand-selected: #173a77;
--al-color-text-brand: #21488e;
--al-color-text-brand-hovered: #173a77;
--al-color-text-brand-pressed: #0e2b5e;
--al-color-text-brand-selected: #05193e;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #527ecb;
--al-color-border-elevated-selected: #668fd7;
--al-color-outline-focused: #d5e1f7;
--al-color-bg-surface-brand: #071c43;
--al-color-bg-surface-brand-hovered: #0c2758;
--al-color-bg-surface-brand-pressed: #113168;
--al-color-bg-surface-brand-selected: #113168;
--al-color-bg-surface-brand-disabled: #041435;
--al-color-bg-surface-brand-elevated: #0c2758;
--al-color-bg-surface-brand-elevated-hovered: #113168;
--al-color-bg-surface-brand-elevated-pressed: #173a78;
--al-color-bg-surface-brand-elevated-selected: #173a78;
--al-color-bg-surface-brand-elevated-disabled: #071c43;
--al-color-bg-fill-brand: #7ea2e1;
--al-color-bg-fill-brand-hovered: #97b6ea;
--al-color-bg-fill-brand-pressed: #b4cbf1;
--al-color-bg-fill-brand-selected: #d5e1f7;
--al-color-bg-fill-brand-disabled: #173a78;
--al-color-text-brand: #7ea2e1;
--al-color-text-brand-hovered: #97b6ea;
--al-color-text-brand-pressed: #b4cbf1;
--al-color-text-brand-selected: #d5e1f7;
--al-color-text-brand-disabled: #1d4386;
--al-color-text-on-bg-fill-brand: #020d26;
--al-color-text-on-bg-fill-brand-hovered: #020d26;
--al-color-text-on-bg-fill-brand-pressed: #020d26;
--al-color-text-on-bg-fill-brand-selected: #020d26;
--al-color-text-on-bg-fill-brand-disabled: #041435;}

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