: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: #3c544c;
--cb-color-bg-fill-brand-hovered: #546962;
--cb-color-bg-fill-brand-pressed: #637670;
--cb-color-bg-fill-brand-selected: #5b6f69;
--cb-color-bg-fill-brand-disabled: #82928d;
--cb-color-text-brand: #3c544c;
--cb-color-text-brand-hovered: #4b615a;
--cb-color-text-brand-pressed: #637670;
--cb-color-text-brand-selected: #546962;
--cb-color-text-brand-disabled: #82928d;
--cb-color-bg-surface-brand: #f0f2f1;
--cb-color-bg-surface-brand-hovered: #e0e4e2;
--cb-color-bg-surface-brand-pressed: #d0d6d4;
--cb-color-bg-surface-brand-selected: #e7eae9;
--cb-color-bg-surface-brand-disabled: #f7f8f8;
--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: #3c544c;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #354a43;
--cb-color-bg-fill-brand-pressed: #30433d;
--cb-color-bg-fill-brand-selected: #324640;
--cb-color-bg-fill-brand-disabled: #263631;
--cb-color-text-brand-hovered: #374d46;
--cb-color-text-brand-pressed: #30433d;
--cb-color-text-brand-selected: #354a43;
--cb-color-text-brand-disabled: #263631;
--cb-color-bg-surface-brand: #0a0e0c;
--cb-color-bg-surface-brand-hovered: #0e1412;
--cb-color-bg-surface-brand-pressed: #131b18;
--cb-color-bg-surface-brand-selected: #0c110f;
--cb-color-bg-surface-brand-disabled: #070a09;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #282c2a;
--cb-color-bg-surface-brand-hovered: #2a2f2e;
--cb-color-bg-surface-brand-pressed: #2c3331;
--cb-color-bg-surface-brand-selected: #292e2c;
--cb-color-bg-surface-brand-disabled: #272a29;}
:root{--al-color-border-selected: #667b74;
--al-color-border-elevated-selected: #667b74;
--al-color-outline-focused: #1d312b;
--al-color-bg-surface-brand: #eaedec;
--al-color-bg-surface-brand-hovered: #d8dedc;
--al-color-bg-surface-brand-pressed: #c9d1ce;
--al-color-bg-surface-brand-selected: #c9d1ce;
--al-color-bg-surface-brand-disabled: #f2f4f3;
--al-color-bg-surface-brand-elevated: #eaedec;
--al-color-bg-surface-brand-elevated-hovered: #d8dedc;
--al-color-bg-surface-brand-elevated-pressed: #c9d1ce;
--al-color-bg-surface-brand-elevated-selected: #c9d1ce;
--al-color-bg-surface-brand-elevated-disabled: #f2f4f3;
--al-color-bg-fill-brand: #667b74;
--al-color-bg-fill-brand-hovered: #556c64;
--al-color-bg-fill-brand-pressed: #455d55;
--al-color-bg-fill-brand-selected: #384f48;
--al-color-bg-fill-brand-disabled: #b9c4c0;
--al-color-text-brand: #556c64;
--al-color-text-brand-hovered: #455d55;
--al-color-text-brand-pressed: #384f48;
--al-color-text-brand-selected: #2a4039;
--al-color-text-brand-disabled: #aab8b3;
--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: #f2f4f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #556c64;
--al-color-border-elevated-selected: #556c64;
--al-color-bg-fill-brand: #556c64;
--al-color-bg-fill-brand-hovered: #455d55;
--al-color-bg-fill-brand-pressed: #384f48;
--al-color-bg-fill-brand-selected: #2a4039;
--al-color-text-brand: #384f48;
--al-color-text-brand-hovered: #2a4039;
--al-color-text-brand-pressed: #1d312b;
--al-color-text-brand-selected: #0f1e19;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #6e837c;
--al-color-border-elevated-selected: #81938d;
--al-color-outline-focused: #dce1e0;
--al-color-bg-surface-brand: #11211c;
--al-color-bg-surface-brand-hovered: #1a2d27;
--al-color-bg-surface-brand-pressed: #223730;
--al-color-bg-surface-brand-selected: #223730;
--al-color-bg-surface-brand-disabled: #0c1915;
--al-color-bg-surface-brand-elevated: #1a2d27;
--al-color-bg-surface-brand-elevated-hovered: #223730;
--al-color-bg-surface-brand-elevated-pressed: #2b413a;
--al-color-bg-surface-brand-elevated-selected: #2b413a;
--al-color-bg-surface-brand-elevated-disabled: #11211c;
--al-color-bg-fill-brand: #95a59f;
--al-color-bg-fill-brand-hovered: #aab7b3;
--al-color-bg-fill-brand-pressed: #c2cbc8;
--al-color-bg-fill-brand-selected: #dce1e0;
--al-color-bg-fill-brand-disabled: #2b413a;
--al-color-text-brand: #95a59f;
--al-color-text-brand-hovered: #aab7b3;
--al-color-text-brand-pressed: #c2cbc8;
--al-color-text-brand-selected: #dce1e0;
--al-color-text-brand-disabled: #334a42;
--al-color-text-on-bg-fill-brand: #060f0c;
--al-color-text-on-bg-fill-brand-hovered: #060f0c;
--al-color-text-on-bg-fill-brand-pressed: #060f0c;
--al-color-text-on-bg-fill-brand-selected: #060f0c;
--al-color-text-on-bg-fill-brand-disabled: #0c1915;}

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