: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: #100807;
--cb-color-bg-fill-brand-hovered: #2d2625;
--cb-color-bg-fill-brand-pressed: #403939;
--cb-color-bg-fill-brand-selected: #36302f;
--cb-color-bg-fill-brand-disabled: #666160;
--cb-color-text-brand: #100807;
--cb-color-text-brand-hovered: #231b1a;
--cb-color-text-brand-pressed: #403939;
--cb-color-text-brand-selected: #2d2625;
--cb-color-text-brand-disabled: #666160;
--cb-color-bg-surface-brand: #ececec;
--cb-color-bg-surface-brand-hovered: #d9d7d7;
--cb-color-bg-surface-brand-pressed: #c6c4c4;
--cb-color-bg-surface-brand-selected: #e2e1e1;
--cb-color-bg-surface-brand-disabled: #f6f5f5;
--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: #100807;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #0e0706;
--cb-color-bg-fill-brand-pressed: #0d0606;
--cb-color-bg-fill-brand-selected: #0d0706;
--cb-color-bg-fill-brand-disabled: #0a0504;
--cb-color-text-brand-hovered: #0f0706;
--cb-color-text-brand-pressed: #0d0606;
--cb-color-text-brand-selected: #0e0706;
--cb-color-text-brand-disabled: #0a0504;
--cb-color-bg-surface-brand: #030101;
--cb-color-bg-surface-brand-hovered: #040202;
--cb-color-bg-surface-brand-pressed: #050302;
--cb-color-bg-surface-brand-selected: #030201;
--cb-color-bg-surface-brand-disabled: #020101;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #211f1f;
--cb-color-bg-surface-brand-hovered: #1f1d1d;
--cb-color-bg-surface-brand-pressed: #1e1b1b;
--cb-color-bg-surface-brand-selected: #201e1e;
--cb-color-bg-surface-brand-disabled: #222120;}
:root{--al-color-border-selected: #7c7574;
--al-color-border-elevated-selected: #7c7574;
--al-color-outline-focused: #342b2a;
--al-color-bg-surface-brand: #edecec;
--al-color-bg-surface-brand-hovered: #dedcdc;
--al-color-bg-surface-brand-pressed: #d0cecd;
--al-color-bg-surface-brand-selected: #d0cecd;
--al-color-bg-surface-brand-disabled: #f4f3f3;
--al-color-bg-surface-brand-elevated: #edecec;
--al-color-bg-surface-brand-elevated-hovered: #dedcdc;
--al-color-bg-surface-brand-elevated-pressed: #d0cecd;
--al-color-bg-surface-brand-elevated-selected: #d0cecd;
--al-color-bg-surface-brand-elevated-disabled: #f4f3f3;
--al-color-bg-fill-brand: #7c7574;
--al-color-bg-fill-brand-hovered: #6d6564;
--al-color-bg-fill-brand-pressed: #5f5756;
--al-color-bg-fill-brand-selected: #514847;
--al-color-bg-fill-brand-disabled: #c4c0c0;
--al-color-text-brand: #6d6564;
--al-color-text-brand-hovered: #5f5756;
--al-color-text-brand-pressed: #514847;
--al-color-text-brand-selected: #433a39;
--al-color-text-brand-disabled: #b8b4b3;
--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: #f4f3f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6d6564;
--al-color-border-elevated-selected: #6d6564;
--al-color-bg-fill-brand: #6d6564;
--al-color-bg-fill-brand-hovered: #5f5756;
--al-color-bg-fill-brand-pressed: #514847;
--al-color-bg-fill-brand-selected: #433a39;
--al-color-text-brand: #514847;
--al-color-text-brand-hovered: #433a39;
--al-color-text-brand-pressed: #342b2a;
--al-color-text-brand-selected: #221918;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #847d7c;
--al-color-border-elevated-selected: #948e8e;
--al-color-outline-focused: #e1e0e0;
--al-color-bg-surface-brand: #241b1a;
--al-color-bg-surface-brand-hovered: #302726;
--al-color-bg-surface-brand-pressed: #3a312f;
--al-color-bg-surface-brand-selected: #3a312f;
--al-color-bg-surface-brand-disabled: #1d1413;
--al-color-bg-surface-brand-elevated: #302726;
--al-color-bg-surface-brand-elevated-hovered: #3a312f;
--al-color-bg-surface-brand-elevated-pressed: #433b39;
--al-color-bg-surface-brand-elevated-selected: #433b39;
--al-color-bg-surface-brand-elevated-disabled: #241b1a;
--al-color-bg-fill-brand: #a5a0a0;
--al-color-bg-fill-brand-hovered: #b7b3b3;
--al-color-bg-fill-brand-pressed: #cbc9c8;
--al-color-bg-fill-brand-selected: #e1e0e0;
--al-color-bg-fill-brand-disabled: #433b39;
--al-color-text-brand: #a5a0a0;
--al-color-text-brand-hovered: #b7b3b3;
--al-color-text-brand-pressed: #cbc9c8;
--al-color-text-brand-selected: #e1e0e0;
--al-color-text-brand-disabled: #4c4342;
--al-color-text-on-bg-fill-brand: #150c0b;
--al-color-text-on-bg-fill-brand-hovered: #150c0b;
--al-color-text-on-bg-fill-brand-pressed: #150c0b;
--al-color-text-on-bg-fill-brand-selected: #150c0b;
--al-color-text-on-bg-fill-brand-disabled: #1d1413;}

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