: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: #1c34c3;
--cb-color-bg-fill-brand-hovered: #384dca;
--cb-color-bg-fill-brand-pressed: #495dcf;
--cb-color-bg-fill-brand-selected: #4055cd;
--cb-color-bg-fill-brand-disabled: #6e7dd9;
--cb-color-text-brand: #1c34c3;
--cb-color-text-brand-hovered: #2e44c8;
--cb-color-text-brand-pressed: #495dcf;
--cb-color-text-brand-selected: #384dca;
--cb-color-text-brand-disabled: #6e7dd9;
--cb-color-bg-surface-brand: #edeffa;
--cb-color-bg-surface-brand-hovered: #dbdef5;
--cb-color-bg-surface-brand-pressed: #c9cef1;
--cb-color-bg-surface-brand-selected: #e3e6f8;
--cb-color-bg-surface-brand-disabled: #f6f7fd;
--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: #1c34c3;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #192eab;
--cb-color-bg-fill-brand-pressed: #162a9c;
--cb-color-bg-fill-brand-selected: #172ca4;
--cb-color-bg-fill-brand-disabled: #12217d;
--cb-color-text-brand-hovered: #1a30b4;
--cb-color-text-brand-pressed: #162a9c;
--cb-color-text-brand-selected: #192eab;
--cb-color-text-brand-disabled: #12217d;
--cb-color-bg-surface-brand: #05081f;
--cb-color-bg-surface-brand-hovered: #070c2f;
--cb-color-bg-surface-brand-pressed: #09113f;
--cb-color-bg-surface-brand-selected: #060a27;
--cb-color-bg-surface-brand-disabled: #030618;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #23273e;
--cb-color-bg-surface-brand-hovered: #22284a;
--cb-color-bg-surface-brand-pressed: #212957;
--cb-color-bg-surface-brand-selected: #222744;
--cb-color-bg-surface-brand-disabled: #232637;}
:root{--al-color-border-selected: #476ee7;
--al-color-border-elevated-selected: #476ee7;
--al-color-outline-focused: #0e1095;
--al-color-bg-surface-brand: #e3ebfe;
--al-color-bg-surface-brand-hovered: #cfddfe;
--al-color-bg-surface-brand-pressed: #bbcffd;
--al-color-bg-surface-brand-selected: #bbcffd;
--al-color-bg-surface-brand-disabled: #f0f4fe;
--al-color-bg-surface-brand-elevated: #e3ebfe;
--al-color-bg-surface-brand-elevated-hovered: #cfddfe;
--al-color-bg-surface-brand-elevated-pressed: #bbcffd;
--al-color-bg-surface-brand-elevated-selected: #bbcffd;
--al-color-bg-surface-brand-elevated-disabled: #f0f4fe;
--al-color-bg-fill-brand: #476ee7;
--al-color-bg-fill-brand-hovered: #365bde;
--al-color-bg-fill-brand-pressed: #2849d3;
--al-color-bg-fill-brand-selected: #1d36c5;
--al-color-bg-fill-brand-disabled: #a8c1fc;
--al-color-text-brand: #365bde;
--al-color-text-brand-hovered: #2849d3;
--al-color-text-brand-pressed: #1d36c5;
--al-color-text-brand-selected: #1523b1;
--al-color-text-brand-disabled: #96b3fa;
--al-color-text-on-bg-fill-brand: #fafbff;
--al-color-text-on-bg-fill-brand-hovered: #fafbff;
--al-color-text-on-bg-fill-brand-pressed: #fafbff;
--al-color-text-on-bg-fill-brand-selected: #fafbff;
--al-color-text-on-bg-fill-brand-disabled: #f0f4fe;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #365bde;
--al-color-border-elevated-selected: #365bde;
--al-color-bg-fill-brand: #365bde;
--al-color-bg-fill-brand-hovered: #2849d3;
--al-color-bg-fill-brand-pressed: #1d36c5;
--al-color-bg-fill-brand-selected: #1523b1;
--al-color-text-brand: #1d36c5;
--al-color-text-brand-hovered: #1523b1;
--al-color-text-brand-pressed: #0e1095;
--al-color-text-brand-selected: #07006b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5177eb;
--al-color-border-elevated-selected: #658bf1;
--al-color-outline-focused: #d4e0fe;
--al-color-bg-surface-brand: #080172;
--al-color-bg-surface-brand-hovered: #0c0b8d;
--al-color-bg-surface-brand-pressed: #1017a0;
--al-color-bg-surface-brand-selected: #1017a0;
--al-color-bg-surface-brand-disabled: #05005e;
--al-color-bg-surface-brand-elevated: #0c0b8d;
--al-color-bg-surface-brand-elevated-hovered: #1017a0;
--al-color-bg-surface-brand-elevated-pressed: #1523b1;
--al-color-bg-surface-brand-elevated-selected: #1523b1;
--al-color-bg-surface-brand-elevated-disabled: #080172;
--al-color-bg-fill-brand: #7d9ff7;
--al-color-bg-fill-brand-hovered: #97b3fb;
--al-color-bg-fill-brand-pressed: #b4c9fd;
--al-color-bg-fill-brand-selected: #d4e0fe;
--al-color-bg-fill-brand-disabled: #1523b1;
--al-color-text-brand: #7d9ff7;
--al-color-text-brand-hovered: #97b3fb;
--al-color-text-brand-pressed: #b4c9fd;
--al-color-text-brand-selected: #d4e0fe;
--al-color-text-brand-disabled: #1a2fbe;
--al-color-text-on-bg-fill-brand: #020042;
--al-color-text-on-bg-fill-brand-hovered: #020042;
--al-color-text-on-bg-fill-brand-pressed: #020042;
--al-color-text-on-bg-fill-brand-selected: #020042;
--al-color-text-on-bg-fill-brand-disabled: #05005e;}

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