: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: #1c3c34;
--cb-color-bg-fill-brand-hovered: #38544d;
--cb-color-bg-fill-brand-pressed: #49635d;
--cb-color-bg-fill-brand-selected: #405b55;
--cb-color-bg-fill-brand-disabled: #6e827d;
--cb-color-text-brand: #1c3c34;
--cb-color-text-brand-hovered: #2e4b44;
--cb-color-text-brand-pressed: #49635d;
--cb-color-text-brand-selected: #38544d;
--cb-color-text-brand-disabled: #6e827d;
--cb-color-bg-surface-brand: #edf0ef;
--cb-color-bg-surface-brand-hovered: #dbe0de;
--cb-color-bg-surface-brand-pressed: #c9d0ce;
--cb-color-bg-surface-brand-selected: #e3e7e6;
--cb-color-bg-surface-brand-disabled: #f6f7f7;
--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: #1c3c34;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #19352e;
--cb-color-bg-fill-brand-pressed: #16302a;
--cb-color-bg-fill-brand-selected: #17322c;
--cb-color-bg-fill-brand-disabled: #122621;
--cb-color-text-brand-hovered: #1a3730;
--cb-color-text-brand-pressed: #16302a;
--cb-color-text-brand-selected: #19352e;
--cb-color-text-brand-disabled: #122621;
--cb-color-bg-surface-brand: #050a08;
--cb-color-bg-surface-brand-hovered: #070e0c;
--cb-color-bg-surface-brand-pressed: #091311;
--cb-color-bg-surface-brand-selected: #060c0a;
--cb-color-bg-surface-brand-disabled: #030706;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #232827;
--cb-color-bg-surface-brand-hovered: #222a28;
--cb-color-bg-surface-brand-pressed: #212c29;
--cb-color-bg-surface-brand-selected: #222927;
--cb-color-bg-surface-brand-disabled: #232726;}
:root{--al-color-border-selected: #627b74;
--al-color-border-elevated-selected: #627b74;
--al-color-outline-focused: #13322b;
--al-color-bg-surface-brand: #e8eceb;
--al-color-bg-surface-brand-hovered: #d7dedc;
--al-color-bg-surface-brand-pressed: #c8d1ce;
--al-color-bg-surface-brand-selected: #c8d1ce;
--al-color-bg-surface-brand-disabled: #f1f3f3;
--al-color-bg-surface-brand-elevated: #e8eceb;
--al-color-bg-surface-brand-elevated-hovered: #d7dedc;
--al-color-bg-surface-brand-elevated-pressed: #c8d1ce;
--al-color-bg-surface-brand-elevated-selected: #c8d1ce;
--al-color-bg-surface-brand-elevated-disabled: #f1f3f3;
--al-color-bg-fill-brand: #627b74;
--al-color-bg-fill-brand-hovered: #516d65;
--al-color-bg-fill-brand-pressed: #415e56;
--al-color-bg-fill-brand-selected: #325048;
--al-color-bg-fill-brand-disabled: #b9c4c1;
--al-color-text-brand: #516d65;
--al-color-text-brand-hovered: #415e56;
--al-color-text-brand-pressed: #325048;
--al-color-text-brand-selected: #22423a;
--al-color-text-brand-disabled: #a9b8b3;
--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: #f1f3f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #516d65;
--al-color-border-elevated-selected: #516d65;
--al-color-bg-fill-brand: #516d65;
--al-color-bg-fill-brand-hovered: #415e56;
--al-color-bg-fill-brand-pressed: #325048;
--al-color-bg-fill-brand-selected: #22423a;
--al-color-text-brand: #325048;
--al-color-text-brand-hovered: #22423a;
--al-color-text-brand-pressed: #13322b;
--al-color-text-brand-selected: #041f19;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #6c847d;
--al-color-border-elevated-selected: #7f948e;
--al-color-outline-focused: #dce1e0;
--al-color-bg-surface-brand: #06231c;
--al-color-bg-surface-brand-hovered: #0e2e26;
--al-color-bg-surface-brand-pressed: #183830;
--al-color-bg-surface-brand-selected: #183830;
--al-color-bg-surface-brand-disabled: #021b15;
--al-color-bg-surface-brand-elevated: #0e2e26;
--al-color-bg-surface-brand-elevated-hovered: #183830;
--al-color-bg-surface-brand-elevated-pressed: #22423a;
--al-color-bg-surface-brand-elevated-selected: #22423a;
--al-color-bg-surface-brand-elevated-disabled: #06231c;
--al-color-bg-fill-brand: #94a5a0;
--al-color-bg-fill-brand-hovered: #a9b8b3;
--al-color-bg-fill-brand-pressed: #c1ccc9;
--al-color-bg-fill-brand-selected: #dce1e0;
--al-color-bg-fill-brand-disabled: #22423a;
--al-color-text-brand: #94a5a0;
--al-color-text-brand-hovered: #a9b8b3;
--al-color-text-brand-pressed: #c1ccc9;
--al-color-text-brand-selected: #dce1e0;
--al-color-text-brand-disabled: #2b4b42;
--al-color-text-on-bg-fill-brand: #00100c;
--al-color-text-on-bg-fill-brand-hovered: #00100c;
--al-color-text-on-bg-fill-brand-pressed: #00100c;
--al-color-text-on-bg-fill-brand-selected: #00100c;
--al-color-text-on-bg-fill-brand-disabled: #021b15;}

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