: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: #050d23;
--cb-color-bg-fill-brand-hovered: #232a3e;
--cb-color-bg-fill-brand-pressed: #373d4f;
--cb-color-bg-fill-brand-selected: #2d3446;
--cb-color-bg-fill-brand-disabled: #5f6472;
--cb-color-text-brand: #050d23;
--cb-color-text-brand-hovered: #192034;
--cb-color-text-brand-pressed: #373d4f;
--cb-color-text-brand-selected: #232a3e;
--cb-color-text-brand-disabled: #5f6472;
--cb-color-bg-surface-brand: #ebecee;
--cb-color-bg-surface-brand-hovered: #d7d8dc;
--cb-color-bg-surface-brand-pressed: #c3c5ca;
--cb-color-bg-surface-brand-selected: #e1e2e4;
--cb-color-bg-surface-brand-disabled: #f5f6f6;
--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: #050d23;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #040b1f;
--cb-color-bg-fill-brand-pressed: #040a1c;
--cb-color-bg-fill-brand-selected: #040b1d;
--cb-color-bg-fill-brand-disabled: #030816;
--cb-color-text-brand-hovered: #050c20;
--cb-color-text-brand-pressed: #040a1c;
--cb-color-text-brand-selected: #040b1f;
--cb-color-text-brand-disabled: #030816;
--cb-color-bg-surface-brand: #010206;
--cb-color-bg-surface-brand-hovered: #010308;
--cb-color-bg-surface-brand-pressed: #02040b;
--cb-color-bg-surface-brand-selected: #010307;
--cb-color-bg-surface-brand-disabled: #010204;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #1f2024;
--cb-color-bg-surface-brand-hovered: #1d1e24;
--cb-color-bg-surface-brand-pressed: #1a1d24;
--cb-color-bg-surface-brand-selected: #1e1f24;
--cb-color-bg-surface-brand-disabled: #202124;}
:root{--al-color-border-selected: #6e7788;
--al-color-border-elevated-selected: #6e7788;
--al-color-outline-focused: #222d44;
--al-color-bg-surface-brand: #ebecee;
--al-color-bg-surface-brand-hovered: #dbdde2;
--al-color-bg-surface-brand-pressed: #cccfd6;
--al-color-bg-surface-brand-selected: #cccfd6;
--al-color-bg-surface-brand-disabled: #f3f4f5;
--al-color-bg-surface-brand-elevated: #ebecee;
--al-color-bg-surface-brand-elevated-hovered: #dbdde2;
--al-color-bg-surface-brand-elevated-pressed: #cccfd6;
--al-color-bg-surface-brand-elevated-selected: #cccfd6;
--al-color-bg-surface-brand-elevated-disabled: #f3f4f5;
--al-color-bg-fill-brand: #6e7788;
--al-color-bg-fill-brand-hovered: #5e677a;
--al-color-bg-fill-brand-pressed: #4f596d;
--al-color-bg-fill-brand-selected: #404a60;
--al-color-bg-fill-brand-disabled: #bdc1ca;
--al-color-text-brand: #5e677a;
--al-color-text-brand-hovered: #4f596d;
--al-color-text-brand-pressed: #404a60;
--al-color-text-brand-selected: #323c52;
--al-color-text-brand-disabled: #b0b5bf;
--al-color-text-on-bg-fill-brand: #fdfdfd;
--al-color-text-on-bg-fill-brand-hovered: #fdfdfd;
--al-color-text-on-bg-fill-brand-pressed: #fdfdfd;
--al-color-text-on-bg-fill-brand-selected: #fdfdfd;
--al-color-text-on-bg-fill-brand-disabled: #f3f4f5;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #5e677a;
--al-color-border-elevated-selected: #5e677a;
--al-color-bg-fill-brand: #5e677a;
--al-color-bg-fill-brand-hovered: #4f596d;
--al-color-bg-fill-brand-pressed: #404a60;
--al-color-bg-fill-brand-selected: #323c52;
--al-color-text-brand: #404a60;
--al-color-text-brand-hovered: #323c52;
--al-color-text-brand-pressed: #222d44;
--al-color-text-brand-selected: #101a31;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #777f90;
--al-color-border-elevated-selected: #88909e;
--al-color-outline-focused: #dee0e5;
--al-color-bg-surface-brand: #131d34;
--al-color-bg-surface-brand-hovered: #1e293f;
--al-color-bg-surface-brand-pressed: #283349;
--al-color-bg-surface-brand-selected: #283349;
--al-color-bg-surface-brand-disabled: #0c152c;
--al-color-bg-surface-brand-elevated: #1e293f;
--al-color-bg-surface-brand-elevated-hovered: #283349;
--al-color-bg-surface-brand-elevated-pressed: #323c52;
--al-color-bg-surface-brand-elevated-selected: #323c52;
--al-color-bg-surface-brand-elevated-disabled: #131d34;
--al-color-bg-fill-brand: #9ba1ae;
--al-color-bg-fill-brand-hovered: #b0b4be;
--al-color-bg-fill-brand-pressed: #c6c9d1;
--al-color-bg-fill-brand-selected: #dee0e5;
--al-color-bg-fill-brand-disabled: #323c52;
--al-color-text-brand: #9ba1ae;
--al-color-text-brand-hovered: #b0b4be;
--al-color-text-brand-pressed: #c6c9d1;
--al-color-text-brand-selected: #dee0e5;
--al-color-text-brand-disabled: #3b455b;
--al-color-text-on-bg-fill-brand: #050d23;
--al-color-text-on-bg-fill-brand-hovered: #050d23;
--al-color-text-on-bg-fill-brand-pressed: #050d23;
--al-color-text-on-bg-fill-brand-selected: #050d23;
--al-color-text-on-bg-fill-brand-disabled: #0c152c;}

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