: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: #1f1613;
--cb-color-bg-fill-brand-hovered: #3a3230;
--cb-color-bg-fill-brand-pressed: #4c4542;
--cb-color-bg-fill-brand-selected: #433b39;
--cb-color-bg-fill-brand-disabled: #706a68;
--cb-color-text-brand: #1f1613;
--cb-color-text-brand-hovered: #312826;
--cb-color-text-brand-pressed: #4c4542;
--cb-color-text-brand-selected: #3a3230;
--cb-color-text-brand-disabled: #706a68;
--cb-color-bg-surface-brand: #ededec;
--cb-color-bg-surface-brand-hovered: #dbdad9;
--cb-color-bg-surface-brand-pressed: #c9c7c7;
--cb-color-bg-surface-brand-selected: #e4e3e2;
--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: #1f1613;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #1b1311;
--cb-color-bg-fill-brand-pressed: #19120f;
--cb-color-bg-fill-brand-selected: #1a1210;
--cb-color-bg-fill-brand-disabled: #140e0c;
--cb-color-text-brand-hovered: #1d1412;
--cb-color-text-brand-pressed: #19120f;
--cb-color-text-brand-selected: #1b1311;
--cb-color-text-brand-disabled: #140e0c;
--cb-color-bg-surface-brand: #050403;
--cb-color-bg-surface-brand-hovered: #070505;
--cb-color-bg-surface-brand-pressed: #0a0706;
--cb-color-bg-surface-brand-selected: #060404;
--cb-color-bg-surface-brand-disabled: #040302;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #232221;
--cb-color-bg-surface-brand-hovered: #232120;
--cb-color-bg-surface-brand-pressed: #221f1f;
--cb-color-bg-surface-brand-selected: #232121;
--cb-color-bg-surface-brand-disabled: #232222;}
:root{--al-color-border-selected: #7c7572;
--al-color-border-elevated-selected: #7c7572;
--al-color-outline-focused: #352b28;
--al-color-bg-surface-brand: #ecebeb;
--al-color-bg-surface-brand-hovered: #dedcdb;
--al-color-bg-surface-brand-pressed: #d1cecd;
--al-color-bg-surface-brand-selected: #d1cecd;
--al-color-bg-surface-brand-disabled: #f4f4f4;
--al-color-bg-surface-brand-elevated: #ecebeb;
--al-color-bg-surface-brand-elevated-hovered: #dedcdb;
--al-color-bg-surface-brand-elevated-pressed: #d1cecd;
--al-color-bg-surface-brand-elevated-selected: #d1cecd;
--al-color-bg-surface-brand-elevated-disabled: #f4f4f4;
--al-color-bg-fill-brand: #7c7572;
--al-color-bg-fill-brand-hovered: #6e6563;
--al-color-bg-fill-brand-pressed: #5f5754;
--al-color-bg-fill-brand-selected: #524845;
--al-color-bg-fill-brand-disabled: #c4c0bf;
--al-color-text-brand: #6e6563;
--al-color-text-brand-hovered: #5f5754;
--al-color-text-brand-pressed: #524845;
--al-color-text-brand-selected: #443a37;
--al-color-text-brand-disabled: #b8b4b2;
--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: #f4f4f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6e6563;
--al-color-border-elevated-selected: #6e6563;
--al-color-bg-fill-brand: #6e6563;
--al-color-bg-fill-brand-hovered: #5f5754;
--al-color-bg-fill-brand-pressed: #524845;
--al-color-bg-fill-brand-selected: #443a37;
--al-color-text-brand: #524845;
--al-color-text-brand-hovered: #443a37;
--al-color-text-brand-pressed: #352b28;
--al-color-text-brand-selected: #221916;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #857d7b;
--al-color-border-elevated-selected: #958e8c;
--al-color-outline-focused: #e1e0df;
--al-color-bg-surface-brand: #251c19;
--al-color-bg-surface-brand-hovered: #302724;
--al-color-bg-surface-brand-pressed: #3a312d;
--al-color-bg-surface-brand-selected: #3a312d;
--al-color-bg-surface-brand-disabled: #1e1512;
--al-color-bg-surface-brand-elevated: #302724;
--al-color-bg-surface-brand-elevated-hovered: #3a312d;
--al-color-bg-surface-brand-elevated-pressed: #443a37;
--al-color-bg-surface-brand-elevated-selected: #443a37;
--al-color-bg-surface-brand-elevated-disabled: #251c19;
--al-color-bg-fill-brand: #a6a09f;
--al-color-bg-fill-brand-hovered: #b8b3b2;
--al-color-bg-fill-brand-pressed: #ccc8c7;
--al-color-bg-fill-brand-selected: #e1e0df;
--al-color-bg-fill-brand-disabled: #443a37;
--al-color-text-brand: #a6a09f;
--al-color-text-brand-hovered: #b8b3b2;
--al-color-text-brand-pressed: #ccc8c7;
--al-color-text-brand-selected: #e1e0df;
--al-color-text-brand-disabled: #4d4340;
--al-color-text-on-bg-fill-brand: #140b09;
--al-color-text-on-bg-fill-brand-hovered: #140b09;
--al-color-text-on-bg-fill-brand-pressed: #140b09;
--al-color-text-on-bg-fill-brand-selected: #140b09;
--al-color-text-on-bg-fill-brand-disabled: #1e1512;}

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