: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: #0b1a8a;
--cb-color-bg-fill-brand-hovered: #293698;
--cb-color-bg-fill-brand-pressed: #3c48a1;
--cb-color-bg-fill-brand-selected: #323f9d;
--cb-color-bg-fill-brand-disabled: #636db4;
--cb-color-text-brand: #0b1a8a;
--cb-color-text-brand-hovered: #1e2c93;
--cb-color-text-brand-pressed: #3c48a1;
--cb-color-text-brand-selected: #293698;
--cb-color-text-brand-disabled: #636db4;
--cb-color-bg-surface-brand: #ecedf6;
--cb-color-bg-surface-brand-hovered: #d8daec;
--cb-color-bg-surface-brand-pressed: #c5c8e3;
--cb-color-bg-surface-brand-selected: #e1e3f1;
--cb-color-bg-surface-brand-disabled: #f5f6fa;
--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: #0b1a8a;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #0a1779;
--cb-color-bg-fill-brand-pressed: #09156e;
--cb-color-bg-fill-brand-selected: #091674;
--cb-color-bg-fill-brand-disabled: #071158;
--cb-color-text-brand-hovered: #0a187f;
--cb-color-text-brand-pressed: #09156e;
--cb-color-text-brand-selected: #0a1779;
--cb-color-text-brand-disabled: #071158;
--cb-color-bg-surface-brand: #020416;
--cb-color-bg-surface-brand-hovered: #030621;
--cb-color-bg-surface-brand-pressed: #04082c;
--cb-color-bg-surface-brand-selected: #02051c;
--cb-color-bg-surface-brand-disabled: #010311;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #202234;
--cb-color-bg-surface-brand-hovered: #1e223c;
--cb-color-bg-surface-brand-pressed: #1c2145;
--cb-color-bg-surface-brand-selected: #1f2238;
--cb-color-bg-surface-brand-disabled: #212330;}
:root{--al-color-border-selected: #5473c5;
--al-color-border-elevated-selected: #5473c5;
--al-color-outline-focused: #0b198a;
--al-color-bg-surface-brand: #e6ebf8;
--al-color-bg-surface-brand-hovered: #d3ddf3;
--al-color-bg-surface-brand-pressed: #c1cfed;
--al-color-bg-surface-brand-selected: #c1cfed;
--al-color-bg-surface-brand-disabled: #f0f3fa;
--al-color-bg-surface-brand-elevated: #e6ebf8;
--al-color-bg-surface-brand-elevated-hovered: #d3ddf3;
--al-color-bg-surface-brand-elevated-pressed: #c1cfed;
--al-color-bg-surface-brand-elevated-selected: #c1cfed;
--al-color-bg-surface-brand-elevated-disabled: #f0f3fa;
--al-color-bg-fill-brand: #5473c5;
--al-color-bg-fill-brand-hovered: #4262bb;
--al-color-bg-fill-brand-pressed: #3252b1;
--al-color-bg-fill-brand-selected: #2341a7;
--al-color-bg-fill-brand-disabled: #b0c1e9;
--al-color-text-brand: #4262bb;
--al-color-text-brand-hovered: #3252b1;
--al-color-text-brand-pressed: #2341a7;
--al-color-text-brand-selected: #162f9a;
--al-color-text-brand-disabled: #a0b4e3;
--al-color-text-on-bg-fill-brand: #fcfdfe;
--al-color-text-on-bg-fill-brand-hovered: #fcfdfe;
--al-color-text-on-bg-fill-brand-pressed: #fcfdfe;
--al-color-text-on-bg-fill-brand-selected: #fcfdfe;
--al-color-text-on-bg-fill-brand-disabled: #f0f3fa;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #4262bb;
--al-color-border-elevated-selected: #4262bb;
--al-color-bg-fill-brand: #4262bb;
--al-color-bg-fill-brand-hovered: #3252b1;
--al-color-bg-fill-brand-pressed: #2341a7;
--al-color-bg-fill-brand-selected: #162f9a;
--al-color-text-brand: #2341a7;
--al-color-text-brand-hovered: #162f9a;
--al-color-text-brand-pressed: #0b198a;
--al-color-text-brand-selected: #05006b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #5e7cca;
--al-color-border-elevated-selected: #728ed3;
--al-color-outline-focused: #d8e0f4;
--al-color-bg-surface-brand: #060072;
--al-color-bg-surface-brand-hovered: #091384;
--al-color-bg-surface-brand-pressed: #0e2290;
--al-color-bg-surface-brand-selected: #0e2290;
--al-color-bg-surface-brand-disabled: #04005b;
--al-color-bg-surface-brand-elevated: #091384;
--al-color-bg-surface-brand-elevated-hovered: #0e2290;
--al-color-bg-surface-brand-elevated-pressed: #16309a;
--al-color-bg-surface-brand-elevated-selected: #16309a;
--al-color-bg-surface-brand-elevated-disabled: #060072;
--al-color-bg-fill-brand: #88a1db;
--al-color-bg-fill-brand-hovered: #a0b4e3;
--al-color-bg-fill-brand-pressed: #bacaec;
--al-color-bg-fill-brand-selected: #d8e0f4;
--al-color-bg-fill-brand-disabled: #16309a;
--al-color-text-brand: #88a1db;
--al-color-text-brand-hovered: #a0b4e3;
--al-color-text-brand-pressed: #bacaec;
--al-color-text-brand-selected: #d8e0f4;
--al-color-text-brand-disabled: #1e3ba2;
--al-color-text-on-bg-fill-brand: #030044;
--al-color-text-on-bg-fill-brand-hovered: #030044;
--al-color-text-on-bg-fill-brand-pressed: #030044;
--al-color-text-on-bg-fill-brand-selected: #030044;
--al-color-text-on-bg-fill-brand-disabled: #04005b;}

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