: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: #17201b;
--cb-color-bg-fill-brand-hovered: #333b37;
--cb-color-bg-fill-brand-pressed: #454d49;
--cb-color-bg-fill-brand-selected: #3c4440;
--cb-color-bg-fill-brand-disabled: #6b706d;
--cb-color-text-brand: #17201b;
--cb-color-text-brand-hovered: #29312d;
--cb-color-text-brand-pressed: #454d49;
--cb-color-text-brand-selected: #333b37;
--cb-color-text-brand-disabled: #6b706d;
--cb-color-bg-surface-brand: #edeeed;
--cb-color-bg-surface-brand-hovered: #dadbda;
--cb-color-bg-surface-brand-pressed: #c8cac8;
--cb-color-bg-surface-brand-selected: #e3e4e3;
--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: #17201b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #141c18;
--cb-color-bg-fill-brand-pressed: #121a16;
--cb-color-bg-fill-brand-selected: #131b17;
--cb-color-bg-fill-brand-disabled: #0f1411;
--cb-color-text-brand-hovered: #151d19;
--cb-color-text-brand-pressed: #121a16;
--cb-color-text-brand-selected: #141c18;
--cb-color-text-brand-disabled: #0f1411;
--cb-color-bg-surface-brand: #040504;
--cb-color-bg-surface-brand-hovered: #060806;
--cb-color-bg-surface-brand-pressed: #070a09;
--cb-color-bg-surface-brand-selected: #050605;
--cb-color-bg-surface-brand-disabled: #030403;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #222323;
--cb-color-bg-surface-brand-hovered: #212322;
--cb-color-bg-surface-brand-pressed: #202321;
--cb-color-bg-surface-brand-selected: #212322;
--cb-color-bg-surface-brand-disabled: #222423;}
:root{--al-color-border-selected: #717874;
--al-color-border-elevated-selected: #717874;
--al-color-outline-focused: #262f2a;
--al-color-bg-surface-brand: #ebeceb;
--al-color-bg-surface-brand-hovered: #dcdddc;
--al-color-bg-surface-brand-pressed: #cccfce;
--al-color-bg-surface-brand-selected: #cccfce;
--al-color-bg-surface-brand-disabled: #f4f4f4;
--al-color-bg-surface-brand-elevated: #ebeceb;
--al-color-bg-surface-brand-elevated-hovered: #dcdddc;
--al-color-bg-surface-brand-elevated-pressed: #cccfce;
--al-color-bg-surface-brand-elevated-selected: #cccfce;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f4;
--al-color-bg-fill-brand: #717874;
--al-color-bg-fill-brand-hovered: #626965;
--al-color-bg-fill-brand-pressed: #525a56;
--al-color-bg-fill-brand-selected: #444c47;
--al-color-bg-fill-brand-disabled: #bfc2c0;
--al-color-text-brand: #626965;
--al-color-text-brand-hovered: #525a56;
--al-color-text-brand-pressed: #444c47;
--al-color-text-brand-selected: #353e39;
--al-color-text-brand-disabled: #b1b5b3;
--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: #626965;
--al-color-border-elevated-selected: #626965;
--al-color-bg-fill-brand: #626965;
--al-color-bg-fill-brand-hovered: #525a56;
--al-color-bg-fill-brand-pressed: #444c47;
--al-color-bg-fill-brand-selected: #353e39;
--al-color-text-brand: #444c47;
--al-color-text-brand-hovered: #353e39;
--al-color-text-brand-pressed: #262f2a;
--al-color-text-brand-selected: #151d19;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #7a807d;
--al-color-border-elevated-selected: #8b918d;
--al-color-outline-focused: #dfe0df;
--al-color-bg-surface-brand: #161f1a;
--al-color-bg-surface-brand-hovered: #222b26;
--al-color-bg-surface-brand-pressed: #2c3530;
--al-color-bg-surface-brand-selected: #2c3530;
--al-color-bg-surface-brand-disabled: #111914;
--al-color-bg-surface-brand-elevated: #222b26;
--al-color-bg-surface-brand-elevated-hovered: #2c3530;
--al-color-bg-surface-brand-elevated-pressed: #353e39;
--al-color-bg-surface-brand-elevated-selected: #353e39;
--al-color-bg-surface-brand-elevated-disabled: #161f1a;
--al-color-bg-fill-brand: #9da29f;
--al-color-bg-fill-brand-hovered: #b1b5b3;
--al-color-bg-fill-brand-pressed: #c8cac9;
--al-color-bg-fill-brand-selected: #dfe0df;
--al-color-bg-fill-brand-disabled: #353e39;
--al-color-text-brand: #9da29f;
--al-color-text-brand-hovered: #b1b5b3;
--al-color-text-brand-pressed: #c8cac9;
--al-color-text-brand-selected: #dfe0df;
--al-color-text-brand-disabled: #3f4742;
--al-color-text-on-bg-fill-brand: #070e0a;
--al-color-text-on-bg-fill-brand-hovered: #070e0a;
--al-color-text-on-bg-fill-brand-pressed: #070e0a;
--al-color-text-on-bg-fill-brand-selected: #070e0a;
--al-color-text-on-bg-fill-brand-disabled: #111914;}

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