: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: #0f1a32;
--cb-color-bg-fill-brand-hovered: #2c364b;
--cb-color-bg-fill-brand-pressed: #3f485b;
--cb-color-bg-fill-brand-selected: #363f53;
--cb-color-bg-fill-brand-disabled: #666d7c;
--cb-color-text-brand: #0f1a32;
--cb-color-text-brand-hovered: #222c42;
--cb-color-text-brand-pressed: #3f485b;
--cb-color-text-brand-selected: #2c364b;
--cb-color-text-brand-disabled: #666d7c;
--cb-color-bg-surface-brand: #ecedef;
--cb-color-bg-surface-brand-hovered: #d8dade;
--cb-color-bg-surface-brand-pressed: #c6c8ce;
--cb-color-bg-surface-brand-selected: #e2e3e6;
--cb-color-bg-surface-brand-disabled: #f6f6f7;
--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: #0f1a32;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #0d172c;
--cb-color-bg-fill-brand-pressed: #0c1528;
--cb-color-bg-fill-brand-selected: #0d162a;
--cb-color-bg-fill-brand-disabled: #0a1120;
--cb-color-text-brand-hovered: #0e182e;
--cb-color-text-brand-pressed: #0c1528;
--cb-color-text-brand-selected: #0d172c;
--cb-color-text-brand-disabled: #0a1120;
--cb-color-bg-surface-brand: #020408;
--cb-color-bg-surface-brand-hovered: #04060c;
--cb-color-bg-surface-brand-pressed: #050810;
--cb-color-bg-surface-brand-selected: #03050a;
--cb-color-bg-surface-brand-disabled: #020306;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #212226;
--cb-color-bg-surface-brand-hovered: #1f2227;
--cb-color-bg-surface-brand-pressed: #1d2129;
--cb-color-bg-surface-brand-selected: #202227;
--cb-color-bg-surface-brand-disabled: #212326;}
:root{--al-color-border-selected: #6d778a;
--al-color-border-elevated-selected: #6d778a;
--al-color-outline-focused: #212d45;
--al-color-bg-surface-brand: #eaecee;
--al-color-bg-surface-brand-hovered: #dadde2;
--al-color-bg-surface-brand-pressed: #cccfd7;
--al-color-bg-surface-brand-selected: #cccfd7;
--al-color-bg-surface-brand-disabled: #f3f4f6;
--al-color-bg-surface-brand-elevated: #eaecee;
--al-color-bg-surface-brand-elevated-hovered: #dadde2;
--al-color-bg-surface-brand-elevated-pressed: #cccfd7;
--al-color-bg-surface-brand-elevated-selected: #cccfd7;
--al-color-bg-surface-brand-elevated-disabled: #f3f4f6;
--al-color-bg-fill-brand: #6d778a;
--al-color-bg-fill-brand-hovered: #5d677c;
--al-color-bg-fill-brand-pressed: #4e596f;
--al-color-bg-fill-brand-selected: #3f4a62;
--al-color-bg-fill-brand-disabled: #bdc2cb;
--al-color-text-brand: #5d677c;
--al-color-text-brand-hovered: #4e596f;
--al-color-text-brand-pressed: #3f4a62;
--al-color-text-brand-selected: #313c55;
--al-color-text-brand-disabled: #afb5c0;
--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: #f3f4f6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #5d677c;
--al-color-border-elevated-selected: #5d677c;
--al-color-bg-fill-brand: #5d677c;
--al-color-bg-fill-brand-hovered: #4e596f;
--al-color-bg-fill-brand-pressed: #3f4a62;
--al-color-bg-fill-brand-selected: #313c55;
--al-color-text-brand: #3f4a62;
--al-color-text-brand-hovered: #313c55;
--al-color-text-brand-pressed: #212d45;
--al-color-text-brand-selected: #0f1a33;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #767f92;
--al-color-border-elevated-selected: #8790a0;
--al-color-outline-focused: #dee0e5;
--al-color-bg-surface-brand: #121d35;
--al-color-bg-surface-brand-hovered: #1d2942;
--al-color-bg-surface-brand-pressed: #27334b;
--al-color-bg-surface-brand-selected: #27334b;
--al-color-bg-surface-brand-disabled: #0b162d;
--al-color-bg-surface-brand-elevated: #1d2942;
--al-color-bg-surface-brand-elevated-hovered: #27334b;
--al-color-bg-surface-brand-elevated-pressed: #313c55;
--al-color-bg-surface-brand-elevated-selected: #313c55;
--al-color-bg-surface-brand-elevated-disabled: #121d35;
--al-color-bg-fill-brand: #9aa2af;
--al-color-bg-fill-brand-hovered: #afb5c0;
--al-color-bg-fill-brand-pressed: #c5cad2;
--al-color-bg-fill-brand-selected: #dee0e5;
--al-color-bg-fill-brand-disabled: #313c55;
--al-color-text-brand: #9aa2af;
--al-color-text-brand-hovered: #afb5c0;
--al-color-text-brand-pressed: #c5cad2;
--al-color-text-brand-selected: #dee0e5;
--al-color-text-brand-disabled: #3a455d;
--al-color-text-on-bg-fill-brand: #050e24;
--al-color-text-on-bg-fill-brand-hovered: #050e24;
--al-color-text-on-bg-fill-brand-pressed: #050e24;
--al-color-text-on-bg-fill-brand-selected: #050e24;
--al-color-text-on-bg-fill-brand-disabled: #0b162d;}

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