: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: #1b1d11;
--cb-color-bg-fill-brand-hovered: #37382e;
--cb-color-bg-fill-brand-pressed: #494a41;
--cb-color-bg-fill-brand-selected: #404137;
--cb-color-bg-fill-brand-disabled: #6d6f67;
--cb-color-text-brand: #1b1d11;
--cb-color-text-brand-hovered: #2d2f24;
--cb-color-text-brand-pressed: #494a41;
--cb-color-text-brand-selected: #37382e;
--cb-color-text-brand-disabled: #6d6f67;
--cb-color-bg-surface-brand: #ededec;
--cb-color-bg-surface-brand-hovered: #dadbd9;
--cb-color-bg-surface-brand-pressed: #c8c9c6;
--cb-color-bg-surface-brand-selected: #e3e4e2;
--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: #1b1d11;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #18190f;
--cb-color-bg-fill-brand-pressed: #16170e;
--cb-color-bg-fill-brand-selected: #17180e;
--cb-color-bg-fill-brand-disabled: #11130b;
--cb-color-text-brand-hovered: #191b10;
--cb-color-text-brand-pressed: #16170e;
--cb-color-text-brand-selected: #18190f;
--cb-color-text-brand-disabled: #11130b;
--cb-color-bg-surface-brand: #040503;
--cb-color-bg-surface-brand-hovered: #060704;
--cb-color-bg-surface-brand-pressed: #090905;
--cb-color-bg-surface-brand-selected: #050603;
--cb-color-bg-surface-brand-disabled: #030402;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #232321;
--cb-color-bg-surface-brand-hovered: #22221f;
--cb-color-bg-surface-brand-pressed: #21221e;
--cb-color-bg-surface-brand-selected: #222320;
--cb-color-bg-surface-brand-disabled: #232322;}
:root{--al-color-border-selected: #76776e;
--al-color-border-elevated-selected: #76776e;
--al-color-outline-focused: #2c2e22;
--al-color-bg-surface-brand: #ebecea;
--al-color-bg-surface-brand-hovered: #dcddda;
--al-color-bg-surface-brand-pressed: #cfcfcc;
--al-color-bg-surface-brand-selected: #cfcfcc;
--al-color-bg-surface-brand-disabled: #f4f4f3;
--al-color-bg-surface-brand-elevated: #ebecea;
--al-color-bg-surface-brand-elevated-hovered: #dcddda;
--al-color-bg-surface-brand-elevated-pressed: #cfcfcc;
--al-color-bg-surface-brand-elevated-selected: #cfcfcc;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f3;
--al-color-bg-fill-brand: #76776e;
--al-color-bg-fill-brand-hovered: #66685e;
--al-color-bg-fill-brand-pressed: #575a4f;
--al-color-bg-fill-brand-selected: #494b40;
--al-color-bg-fill-brand-disabled: #c1c2be;
--al-color-text-brand: #66685e;
--al-color-text-brand-hovered: #575a4f;
--al-color-text-brand-pressed: #494b40;
--al-color-text-brand-selected: #3b3d31;
--al-color-text-brand-disabled: #b4b5b0;
--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: #f4f4f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #66685e;
--al-color-border-elevated-selected: #66685e;
--al-color-bg-fill-brand: #66685e;
--al-color-bg-fill-brand-hovered: #575a4f;
--al-color-bg-fill-brand-pressed: #494b40;
--al-color-bg-fill-brand-selected: #3b3d31;
--al-color-text-brand: #494b40;
--al-color-text-brand-hovered: #3b3d31;
--al-color-text-brand-pressed: #2c2e22;
--al-color-text-brand-selected: #1a1c10;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #7e7f76;
--al-color-border-elevated-selected: #8f9088;
--al-color-outline-focused: #e0e0de;
--al-color-bg-surface-brand: #1d1f13;
--al-color-bg-surface-brand-hovered: #272a1d;
--al-color-bg-surface-brand-pressed: #323428;
--al-color-bg-surface-brand-selected: #323428;
--al-color-bg-surface-brand-disabled: #16180c;
--al-color-bg-surface-brand-elevated: #272a1d;
--al-color-bg-surface-brand-elevated-hovered: #323428;
--al-color-bg-surface-brand-elevated-pressed: #3b3e32;
--al-color-bg-surface-brand-elevated-selected: #3b3e32;
--al-color-bg-surface-brand-elevated-disabled: #1d1f13;
--al-color-bg-fill-brand: #a1a29b;
--al-color-bg-fill-brand-hovered: #b4b5b0;
--al-color-bg-fill-brand-pressed: #c9cac6;
--al-color-bg-fill-brand-selected: #e0e0de;
--al-color-bg-fill-brand-disabled: #3b3e32;
--al-color-text-brand: #a1a29b;
--al-color-text-brand-hovered: #b4b5b0;
--al-color-text-brand-pressed: #c9cac6;
--al-color-text-brand-selected: #e0e0de;
--al-color-text-brand-disabled: #44463b;
--al-color-text-on-bg-fill-brand: #0e0f05;
--al-color-text-on-bg-fill-brand-hovered: #0e0f05;
--al-color-text-on-bg-fill-brand-pressed: #0e0f05;
--al-color-text-on-bg-fill-brand-selected: #0e0f05;
--al-color-text-on-bg-fill-brand-disabled: #16180c;}

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