: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: #83846c;
--cb-color-bg-fill-brand-hovered: #92937e;
--cb-color-bg-fill-brand-pressed: #9c9d89;
--cb-color-bg-fill-brand-selected: #979884;
--cb-color-bg-fill-brand-disabled: #b0b0a1;
--cb-color-text-brand: #83846c;
--cb-color-text-brand-hovered: #8d8e78;
--cb-color-text-brand-pressed: #9c9d89;
--cb-color-text-brand-selected: #92937e;
--cb-color-text-brand-disabled: #b0b0a1;
--cb-color-bg-surface-brand: #f5f5f3;
--cb-color-bg-surface-brand-hovered: #ebebe7;
--cb-color-bg-surface-brand-pressed: #e1e2dc;
--cb-color-bg-surface-brand-selected: #f0f0ed;
--cb-color-bg-surface-brand-disabled: #fafaf9;
--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: #83846c;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #767762;
--cb-color-bg-fill-brand-hovered: #878875;
--cb-color-bg-fill-brand-pressed: #919281;
--cb-color-bg-fill-brand-selected: #8c8d7b;
--cb-color-bg-fill-brand-disabled: #a7a89b;
--cb-color-text-brand: #70715c;
--cb-color-text-brand-hovered: #7b7c69;
--cb-color-text-brand-pressed: #8d8d7d;
--cb-color-text-brand-selected: #818270;
--cb-color-text-brand-disabled: #a4a497;
--cb-color-border-selected: #767762;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #73745f;
--cb-color-bg-fill-brand-pressed: #696a56;
--cb-color-bg-fill-brand-selected: #6e6f5b;
--cb-color-bg-fill-brand-disabled: #545445;
--cb-color-text-brand-hovered: #797a64;
--cb-color-text-brand-pressed: #696a56;
--cb-color-text-brand-selected: #73745f;
--cb-color-text-brand-disabled: #545445;
--cb-color-bg-surface-brand: #151511;
--cb-color-bg-surface-brand-hovered: #1f201a;
--cb-color-bg-surface-brand-pressed: #2a2a23;
--cb-color-bg-surface-brand-selected: #1a1a16;
--cb-color-bg-surface-brand-disabled: #10100d;
--cb-color-text-on-bg-fill-brand: #202125;
--cb-color-text-on-bg-fill-brand-hovered: #202125;
--cb-color-text-on-bg-fill-brand-pressed: #202125;
--cb-color-text-on-bg-fill-brand-selected: #202125;
--cb-color-text-on-bg-fill-brand-disabled: #20212566;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #333330;
--cb-color-bg-surface-brand-hovered: #3b3b35;
--cb-color-bg-surface-brand-pressed: #43433b;
--cb-color-bg-surface-brand-selected: #373732;
--cb-color-bg-surface-brand-disabled: #30302d;}
:root{--al-color-border-selected: #777861;
--al-color-border-elevated-selected: #777861;
--al-color-outline-focused: #2d2e22;
--al-color-bg-surface-brand: #ebece6;
--al-color-bg-surface-brand-hovered: #ddded4;
--al-color-bg-surface-brand-pressed: #cfd0c2;
--al-color-bg-surface-brand-selected: #cfd0c2;
--al-color-bg-surface-brand-disabled: #f3f3f0;
--al-color-bg-surface-brand-elevated: #ebece6;
--al-color-bg-surface-brand-elevated-hovered: #ddded4;
--al-color-bg-surface-brand-elevated-pressed: #cfd0c2;
--al-color-bg-surface-brand-elevated-selected: #cfd0c2;
--al-color-bg-surface-brand-elevated-disabled: #f3f3f0;
--al-color-bg-fill-brand: #777861;
--al-color-bg-fill-brand-hovered: #686853;
--al-color-bg-fill-brand-pressed: #595a46;
--al-color-bg-fill-brand-selected: #4b4b3a;
--al-color-bg-fill-brand-disabled: #c2c3b2;
--al-color-text-brand: #686853;
--al-color-text-brand-hovered: #595a46;
--al-color-text-brand-pressed: #4b4b3a;
--al-color-text-brand-selected: #3d3d2e;
--al-color-text-brand-disabled: #b5b6a3;
--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: #f3f3f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #686853;
--al-color-border-elevated-selected: #686853;
--al-color-bg-fill-brand: #686853;
--al-color-bg-fill-brand-hovered: #595a46;
--al-color-bg-fill-brand-pressed: #4b4b3a;
--al-color-bg-fill-brand-selected: #3d3d2e;
--al-color-text-brand: #4b4b3a;
--al-color-text-brand-hovered: #3d3d2e;
--al-color-text-brand-pressed: #2d2e22;
--al-color-text-brand-selected: #1b1b13;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #7f8069;
--al-color-border-elevated-selected: #90917a;
--al-color-outline-focused: #e0e1d8;
--al-color-bg-surface-brand: #1e1f16;
--al-color-bg-surface-brand-hovered: #292a1f;
--al-color-bg-surface-brand-pressed: #333427;
--al-color-bg-surface-brand-selected: #333427;
--al-color-bg-surface-brand-disabled: #16160f;
--al-color-bg-surface-brand-elevated: #292a1f;
--al-color-bg-surface-brand-elevated-hovered: #333427;
--al-color-bg-surface-brand-elevated-pressed: #3d3d2e;
--al-color-bg-surface-brand-elevated-selected: #3d3d2e;
--al-color-bg-surface-brand-elevated-disabled: #1e1f16;
--al-color-bg-fill-brand: #a2a38d;
--al-color-bg-fill-brand-hovered: #b5b6a3;
--al-color-bg-fill-brand-pressed: #cacabc;
--al-color-bg-fill-brand-selected: #e0e1d8;
--al-color-bg-fill-brand-disabled: #3d3d2e;
--al-color-text-brand: #a2a38d;
--al-color-text-brand-hovered: #b5b6a3;
--al-color-text-brand-pressed: #cacabc;
--al-color-text-brand-selected: #e0e1d8;
--al-color-text-brand-disabled: #464636;
--al-color-text-on-bg-fill-brand: #0e0e09;
--al-color-text-on-bg-fill-brand-hovered: #0e0e09;
--al-color-text-on-bg-fill-brand-pressed: #0e0e09;
--al-color-text-on-bg-fill-brand-selected: #0e0e09;
--al-color-text-on-bg-fill-brand-disabled: #16160f;}

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