: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: #261f26;
--cb-color-bg-fill-brand-hovered: #403a40;
--cb-color-bg-fill-brand-pressed: #514c51;
--cb-color-bg-fill-brand-selected: #494349;
--cb-color-bg-fill-brand-disabled: #747074;
--cb-color-text-brand: #261f26;
--cb-color-text-brand-hovered: #373137;
--cb-color-text-brand-pressed: #514c51;
--cb-color-text-brand-selected: #403a40;
--cb-color-text-brand-disabled: #747074;
--cb-color-bg-surface-brand: #eeedee;
--cb-color-bg-surface-brand-hovered: #dcdbdc;
--cb-color-bg-surface-brand-pressed: #cbc9cb;
--cb-color-bg-surface-brand-selected: #e5e4e5;
--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: #261f26;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #211b21;
--cb-color-bg-fill-brand-pressed: #1e191e;
--cb-color-bg-fill-brand-selected: #201a20;
--cb-color-bg-fill-brand-disabled: #181418;
--cb-color-text-brand-hovered: #231d23;
--cb-color-text-brand-pressed: #1e191e;
--cb-color-text-brand-selected: #211b21;
--cb-color-text-brand-disabled: #181418;
--cb-color-bg-surface-brand: #060506;
--cb-color-bg-surface-brand-hovered: #090709;
--cb-color-bg-surface-brand-pressed: #0c0a0c;
--cb-color-bg-surface-brand-selected: #080608;
--cb-color-bg-surface-brand-disabled: #050405;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #242324;
--cb-color-bg-surface-brand-hovered: #242324;
--cb-color-bg-surface-brand-pressed: #252225;
--cb-color-bg-surface-brand-selected: #242324;
--cb-color-bg-surface-brand-disabled: #242324;}
:root{--al-color-border-selected: #7a757a;
--al-color-border-elevated-selected: #7a757a;
--al-color-outline-focused: #322b32;
--al-color-bg-surface-brand: #ecebec;
--al-color-bg-surface-brand-hovered: #dddcdd;
--al-color-bg-surface-brand-pressed: #d0ced0;
--al-color-bg-surface-brand-selected: #d0ced0;
--al-color-bg-surface-brand-disabled: #f5f4f5;
--al-color-bg-surface-brand-elevated: #ecebec;
--al-color-bg-surface-brand-elevated-hovered: #dddcdd;
--al-color-bg-surface-brand-elevated-pressed: #d0ced0;
--al-color-bg-surface-brand-elevated-selected: #d0ced0;
--al-color-bg-surface-brand-elevated-disabled: #f5f4f5;
--al-color-bg-fill-brand: #7a757a;
--al-color-bg-fill-brand-hovered: #6c656c;
--al-color-bg-fill-brand-pressed: #5d565d;
--al-color-bg-fill-brand-selected: #4f484f;
--al-color-bg-fill-brand-disabled: #c3c1c3;
--al-color-text-brand: #6c656c;
--al-color-text-brand-hovered: #5d565d;
--al-color-text-brand-pressed: #4f484f;
--al-color-text-brand-selected: #413a41;
--al-color-text-brand-disabled: #b7b3b7;
--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: #f5f4f5;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6c656c;
--al-color-border-elevated-selected: #6c656c;
--al-color-bg-fill-brand: #6c656c;
--al-color-bg-fill-brand-hovered: #5d565d;
--al-color-bg-fill-brand-pressed: #4f484f;
--al-color-bg-fill-brand-selected: #413a41;
--al-color-text-brand: #4f484f;
--al-color-text-brand-hovered: #413a41;
--al-color-text-brand-pressed: #322b32;
--al-color-text-brand-selected: #201920;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #837d83;
--al-color-border-elevated-selected: #938e93;
--al-color-outline-focused: #e1dfe1;
--al-color-bg-surface-brand: #221b22;
--al-color-bg-surface-brand-hovered: #2e272e;
--al-color-bg-surface-brand-pressed: #383138;
--al-color-bg-surface-brand-selected: #383138;
--al-color-bg-surface-brand-disabled: #1c151c;
--al-color-bg-surface-brand-elevated: #2e272e;
--al-color-bg-surface-brand-elevated-hovered: #383138;
--al-color-bg-surface-brand-elevated-pressed: #413a41;
--al-color-bg-surface-brand-elevated-selected: #413a41;
--al-color-bg-surface-brand-elevated-disabled: #221b22;
--al-color-bg-fill-brand: #a5a0a5;
--al-color-bg-fill-brand-hovered: #b7b3b7;
--al-color-bg-fill-brand-pressed: #cbc8cb;
--al-color-bg-fill-brand-selected: #e1dfe1;
--al-color-bg-fill-brand-disabled: #413a41;
--al-color-text-brand: #a5a0a5;
--al-color-text-brand-hovered: #b7b3b7;
--al-color-text-brand-pressed: #cbc8cb;
--al-color-text-brand-selected: #e1dfe1;
--al-color-text-brand-disabled: #4a434a;
--al-color-text-on-bg-fill-brand: #130d13;
--al-color-text-on-bg-fill-brand-hovered: #130d13;
--al-color-text-on-bg-fill-brand-pressed: #130d13;
--al-color-text-on-bg-fill-brand-selected: #130d13;
--al-color-text-on-bg-fill-brand-disabled: #1c151c;}

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