: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: #392323;
--cb-color-bg-fill-brand-hovered: #513e3e;
--cb-color-bg-fill-brand-pressed: #614f4f;
--cb-color-bg-fill-brand-selected: #594646;
--cb-color-bg-fill-brand-disabled: #807272;
--cb-color-text-brand: #392323;
--cb-color-text-brand-hovered: #493434;
--cb-color-text-brand-pressed: #614f4f;
--cb-color-text-brand-selected: #513e3e;
--cb-color-text-brand-disabled: #807272;
--cb-color-bg-surface-brand: #efeeee;
--cb-color-bg-surface-brand-hovered: #dfdcdc;
--cb-color-bg-surface-brand-pressed: #d0caca;
--cb-color-bg-surface-brand-selected: #e7e4e4;
--cb-color-bg-surface-brand-disabled: #f7f6f6;
--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: #392323;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #321f1f;
--cb-color-bg-fill-brand-pressed: #2e1c1c;
--cb-color-bg-fill-brand-selected: #301d1d;
--cb-color-bg-fill-brand-disabled: #241616;
--cb-color-text-brand-hovered: #352020;
--cb-color-text-brand-pressed: #2e1c1c;
--cb-color-text-brand-selected: #321f1f;
--cb-color-text-brand-disabled: #241616;
--cb-color-bg-surface-brand: #090606;
--cb-color-bg-surface-brand-hovered: #0e0808;
--cb-color-bg-surface-brand-pressed: #120b0b;
--cb-color-bg-surface-brand-selected: #0b0707;
--cb-color-bg-surface-brand-disabled: #070404;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #272424;
--cb-color-bg-surface-brand-hovered: #292424;
--cb-color-bg-surface-brand-pressed: #2b2424;
--cb-color-bg-surface-brand-selected: #282424;
--cb-color-bg-surface-brand-disabled: #272424;}
:root{--al-color-border-selected: #857271;
--al-color-border-elevated-selected: #857271;
--al-color-outline-focused: #3e2727;
--al-color-bg-surface-brand: #eeebeb;
--al-color-bg-surface-brand-hovered: #e0dbda;
--al-color-bg-surface-brand-pressed: #d4cdcd;
--al-color-bg-surface-brand-selected: #d4cdcd;
--al-color-bg-surface-brand-disabled: #f6f4f4;
--al-color-bg-surface-brand-elevated: #eeebeb;
--al-color-bg-surface-brand-elevated-hovered: #e0dbda;
--al-color-bg-surface-brand-elevated-pressed: #d4cdcd;
--al-color-bg-surface-brand-elevated-selected: #d4cdcd;
--al-color-bg-surface-brand-elevated-disabled: #f6f4f4;
--al-color-bg-fill-brand: #857271;
--al-color-bg-fill-brand-hovered: #776262;
--al-color-bg-fill-brand-pressed: #695353;
--al-color-bg-fill-brand-selected: #5b4545;
--al-color-bg-fill-brand-disabled: #c8bfbe;
--al-color-text-brand: #776262;
--al-color-text-brand-hovered: #695353;
--al-color-text-brand-pressed: #5b4545;
--al-color-text-brand-selected: #4d3636;
--al-color-text-brand-disabled: #beb2b2;
--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: #f6f4f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #776262;
--al-color-border-elevated-selected: #776262;
--al-color-bg-fill-brand: #776262;
--al-color-bg-fill-brand-hovered: #695353;
--al-color-bg-fill-brand-pressed: #5b4545;
--al-color-bg-fill-brand-selected: #4d3636;
--al-color-text-brand: #5b4545;
--al-color-text-brand-hovered: #4d3636;
--al-color-text-brand-pressed: #3e2727;
--al-color-text-brand-selected: #291616;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #8d7a7a;
--al-color-border-elevated-selected: #9c8b8b;
--al-color-outline-focused: #e4dfdf;
--al-color-bg-surface-brand: #2c1818;
--al-color-bg-surface-brand-hovered: #392323;
--al-color-bg-surface-brand-pressed: #442d2d;
--al-color-bg-surface-brand-selected: #442d2d;
--al-color-bg-surface-brand-disabled: #241112;
--al-color-bg-surface-brand-elevated: #392323;
--al-color-bg-surface-brand-elevated-hovered: #442d2d;
--al-color-bg-surface-brand-elevated-pressed: #4d3736;
--al-color-bg-surface-brand-elevated-selected: #4d3736;
--al-color-bg-surface-brand-elevated-disabled: #2c1818;
--al-color-bg-fill-brand: #ac9e9e;
--al-color-bg-fill-brand-hovered: #beb2b2;
--al-color-bg-fill-brand-pressed: #d0c7c7;
--al-color-bg-fill-brand-selected: #e4dfdf;
--al-color-bg-fill-brand-disabled: #4d3736;
--al-color-text-brand: #ac9e9e;
--al-color-text-brand-hovered: #beb2b2;
--al-color-text-brand-pressed: #d0c7c7;
--al-color-text-brand-selected: #e4dfdf;
--al-color-text-brand-disabled: #56403f;
--al-color-text-on-bg-fill-brand: #180909;
--al-color-text-on-bg-fill-brand-hovered: #180909;
--al-color-text-on-bg-fill-brand-pressed: #180909;
--al-color-text-on-bg-fill-brand-selected: #180909;
--al-color-text-on-bg-fill-brand-disabled: #241112;}

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