: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: #1d1819;
--cb-color-bg-fill-brand-hovered: #383435;
--cb-color-bg-fill-brand-pressed: #4a4647;
--cb-color-bg-fill-brand-selected: #413d3e;
--cb-color-bg-fill-brand-disabled: #6f6b6c;
--cb-color-text-brand: #1d1819;
--cb-color-text-brand-hovered: #2f2a2b;
--cb-color-text-brand-pressed: #4a4647;
--cb-color-text-brand-selected: #383435;
--cb-color-text-brand-disabled: #6f6b6c;
--cb-color-bg-surface-brand: #ededed;
--cb-color-bg-surface-brand-hovered: #dbdada;
--cb-color-bg-surface-brand-pressed: #c9c8c8;
--cb-color-bg-surface-brand-selected: #e4e3e3;
--cb-color-bg-surface-brand-disabled: #f6f6f6;
--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: #1d1819;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #191516;
--cb-color-bg-fill-brand-pressed: #171314;
--cb-color-bg-fill-brand-selected: #181415;
--cb-color-bg-fill-brand-disabled: #130f10;
--cb-color-text-brand-hovered: #1b1617;
--cb-color-text-brand-pressed: #171314;
--cb-color-text-brand-selected: #191516;
--cb-color-text-brand-disabled: #130f10;
--cb-color-bg-surface-brand: #050404;
--cb-color-bg-surface-brand-hovered: #070606;
--cb-color-bg-surface-brand-pressed: #090808;
--cb-color-bg-surface-brand-selected: #060505;
--cb-color-bg-surface-brand-disabled: #040303;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #232222;
--cb-color-bg-surface-brand-hovered: #222121;
--cb-color-bg-surface-brand-pressed: #222020;
--cb-color-bg-surface-brand-selected: #232222;
--cb-color-bg-surface-brand-disabled: #232323;}
:root{--al-color-border-selected: #7a7576;
--al-color-border-elevated-selected: #7a7576;
--al-color-outline-focused: #312b2d;
--al-color-bg-surface-brand: #ecebeb;
--al-color-bg-surface-brand-hovered: #dddcdc;
--al-color-bg-surface-brand-pressed: #d0cecf;
--al-color-bg-surface-brand-selected: #d0cecf;
--al-color-bg-surface-brand-disabled: #f4f4f4;
--al-color-bg-surface-brand-elevated: #ecebeb;
--al-color-bg-surface-brand-elevated-hovered: #dddcdc;
--al-color-bg-surface-brand-elevated-pressed: #d0cecf;
--al-color-bg-surface-brand-elevated-selected: #d0cecf;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f4;
--al-color-bg-fill-brand: #7a7576;
--al-color-bg-fill-brand-hovered: #6b6667;
--al-color-bg-fill-brand-pressed: #5c5758;
--al-color-bg-fill-brand-selected: #4f494a;
--al-color-bg-fill-brand-disabled: #c3c1c1;
--al-color-text-brand: #6b6667;
--al-color-text-brand-hovered: #5c5758;
--al-color-text-brand-pressed: #4f494a;
--al-color-text-brand-selected: #403b3c;
--al-color-text-brand-disabled: #b7b4b5;
--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: #f4f4f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6b6667;
--al-color-border-elevated-selected: #6b6667;
--al-color-bg-fill-brand: #6b6667;
--al-color-bg-fill-brand-hovered: #5c5758;
--al-color-bg-fill-brand-pressed: #4f494a;
--al-color-bg-fill-brand-selected: #403b3c;
--al-color-text-brand: #4f494a;
--al-color-text-brand-hovered: #403b3c;
--al-color-text-brand-pressed: #312b2d;
--al-color-text-brand-selected: #1f1a1b;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #827e7e;
--al-color-border-elevated-selected: #928e8f;
--al-color-outline-focused: #e1e0e0;
--al-color-bg-surface-brand: #221d1e;
--al-color-bg-surface-brand-hovered: #2e2829;
--al-color-bg-surface-brand-pressed: #373132;
--al-color-bg-surface-brand-selected: #373132;
--al-color-bg-surface-brand-disabled: #1b1617;
--al-color-bg-surface-brand-elevated: #2e2829;
--al-color-bg-surface-brand-elevated-hovered: #373132;
--al-color-bg-surface-brand-elevated-pressed: #403b3c;
--al-color-bg-surface-brand-elevated-selected: #403b3c;
--al-color-bg-surface-brand-elevated-disabled: #221d1e;
--al-color-bg-fill-brand: #a3a0a1;
--al-color-bg-fill-brand-hovered: #b6b4b5;
--al-color-bg-fill-brand-pressed: #cbc9c9;
--al-color-bg-fill-brand-selected: #e1e0e0;
--al-color-bg-fill-brand-disabled: #403b3c;
--al-color-text-brand: #a3a0a1;
--al-color-text-brand-hovered: #b6b4b5;
--al-color-text-brand-pressed: #cbc9c9;
--al-color-text-brand-selected: #e1e0e0;
--al-color-text-brand-disabled: #494445;
--al-color-text-on-bg-fill-brand: #110d0e;
--al-color-text-on-bg-fill-brand-hovered: #110d0e;
--al-color-text-on-bg-fill-brand-pressed: #110d0e;
--al-color-text-on-bg-fill-brand-selected: #110d0e;
--al-color-text-on-bg-fill-brand-disabled: #1b1617;}

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