: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: #211b1a;
--cb-color-bg-fill-brand-hovered: #3c3736;
--cb-color-bg-fill-brand-pressed: #4d4948;
--cb-color-bg-fill-brand-selected: #45403f;
--cb-color-bg-fill-brand-disabled: #716d6d;
--cb-color-text-brand: #211b1a;
--cb-color-text-brand-hovered: #322d2c;
--cb-color-text-brand-pressed: #4d4948;
--cb-color-text-brand-selected: #3c3736;
--cb-color-text-brand-disabled: #716d6d;
--cb-color-bg-surface-brand: #eeeded;
--cb-color-bg-surface-brand-hovered: #dbdada;
--cb-color-bg-surface-brand-pressed: #cac8c8;
--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: #211b1a;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #1d1817;
--cb-color-bg-fill-brand-pressed: #1a1615;
--cb-color-bg-fill-brand-selected: #1c1716;
--cb-color-bg-fill-brand-disabled: #151111;
--cb-color-text-brand-hovered: #1e1918;
--cb-color-text-brand-pressed: #1a1615;
--cb-color-text-brand-selected: #1d1817;
--cb-color-text-brand-disabled: #151111;
--cb-color-bg-surface-brand: #050404;
--cb-color-bg-surface-brand-hovered: #080606;
--cb-color-bg-surface-brand-pressed: #0b0908;
--cb-color-bg-surface-brand-selected: #070505;
--cb-color-bg-surface-brand-disabled: #040303;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #242322;
--cb-color-bg-surface-brand-hovered: #232222;
--cb-color-bg-surface-brand-pressed: #232121;
--cb-color-bg-surface-brand-selected: #232222;
--cb-color-bg-surface-brand-disabled: #242323;}
:root{--al-color-border-selected: #7a7575;
--al-color-border-elevated-selected: #7a7575;
--al-color-outline-focused: #322b2a;
--al-color-bg-surface-brand: #ecebeb;
--al-color-bg-surface-brand-hovered: #dedcdc;
--al-color-bg-surface-brand-pressed: #d0cecd;
--al-color-bg-surface-brand-selected: #d0cecd;
--al-color-bg-surface-brand-disabled: #f4f4f4;
--al-color-bg-surface-brand-elevated: #ecebeb;
--al-color-bg-surface-brand-elevated-hovered: #dedcdc;
--al-color-bg-surface-brand-elevated-pressed: #d0cecd;
--al-color-bg-surface-brand-elevated-selected: #d0cecd;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f4;
--al-color-bg-fill-brand: #7a7575;
--al-color-bg-fill-brand-hovered: #6c6665;
--al-color-bg-fill-brand-pressed: #5d5757;
--al-color-bg-fill-brand-selected: #504948;
--al-color-bg-fill-brand-disabled: #c3c1c1;
--al-color-text-brand: #6c6665;
--al-color-text-brand-hovered: #5d5757;
--al-color-text-brand-pressed: #504948;
--al-color-text-brand-selected: #413a39;
--al-color-text-brand-disabled: #b7b4b3;
--al-color-text-on-bg-fill-brand: #fbfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fbfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fbfbfb;
--al-color-text-on-bg-fill-brand-selected: #fbfbfb;
--al-color-text-on-bg-fill-brand-disabled: #f4f4f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6c6665;
--al-color-border-elevated-selected: #6c6665;
--al-color-bg-fill-brand: #6c6665;
--al-color-bg-fill-brand-hovered: #5d5757;
--al-color-bg-fill-brand-pressed: #504948;
--al-color-bg-fill-brand-selected: #413a39;
--al-color-text-brand: #504948;
--al-color-text-brand-hovered: #413a39;
--al-color-text-brand-pressed: #322b2a;
--al-color-text-brand-selected: #1f1a19;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #827e7d;
--al-color-border-elevated-selected: #938e8e;
--al-color-outline-focused: #e1e0df;
--al-color-bg-surface-brand: #221c1b;
--al-color-bg-surface-brand-hovered: #2e2827;
--al-color-bg-surface-brand-pressed: #383130;
--al-color-bg-surface-brand-selected: #383130;
--al-color-bg-surface-brand-disabled: #1b1514;
--al-color-bg-surface-brand-elevated: #2e2827;
--al-color-bg-surface-brand-elevated-hovered: #383130;
--al-color-bg-surface-brand-elevated-pressed: #413b3a;
--al-color-bg-surface-brand-elevated-selected: #413b3a;
--al-color-bg-surface-brand-elevated-disabled: #221c1b;
--al-color-bg-fill-brand: #a4a0a0;
--al-color-bg-fill-brand-hovered: #b7b4b3;
--al-color-bg-fill-brand-pressed: #cbc9c9;
--al-color-bg-fill-brand-selected: #e1e0df;
--al-color-bg-fill-brand-disabled: #413b3a;
--al-color-text-brand: #a4a0a0;
--al-color-text-brand-hovered: #b7b4b3;
--al-color-text-brand-pressed: #cbc9c9;
--al-color-text-brand-selected: #e1e0df;
--al-color-text-brand-disabled: #4a4443;
--al-color-text-on-bg-fill-brand: #120d0c;
--al-color-text-on-bg-fill-brand-hovered: #120d0c;
--al-color-text-on-bg-fill-brand-pressed: #120d0c;
--al-color-text-on-bg-fill-brand-selected: #120d0c;
--al-color-text-on-bg-fill-brand-disabled: #1b1514;}

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