: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: #54453f;
--cb-color-bg-fill-brand-hovered: #695c56;
--cb-color-bg-fill-brand-pressed: #766a65;
--cb-color-bg-fill-brand-selected: #6f635e;
--cb-color-bg-fill-brand-disabled: #928884;
--cb-color-text-brand: #54453f;
--cb-color-text-brand-hovered: #61544e;
--cb-color-text-brand-pressed: #766a65;
--cb-color-text-brand-selected: #695c56;
--cb-color-text-brand-disabled: #928884;
--cb-color-bg-surface-brand: #f2f0f0;
--cb-color-bg-surface-brand-hovered: #e4e1e0;
--cb-color-bg-surface-brand-pressed: #d6d3d1;
--cb-color-bg-surface-brand-selected: #eae8e8;
--cb-color-bg-surface-brand-disabled: #f8f8f7;
--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: #54453f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #4a3d37;
--cb-color-bg-fill-brand-pressed: #433732;
--cb-color-bg-fill-brand-selected: #463a35;
--cb-color-bg-fill-brand-disabled: #362c28;
--cb-color-text-brand-hovered: #4d403a;
--cb-color-text-brand-pressed: #433732;
--cb-color-text-brand-selected: #4a3d37;
--cb-color-text-brand-disabled: #362c28;
--cb-color-bg-surface-brand: #0e0b0a;
--cb-color-bg-surface-brand-hovered: #14110f;
--cb-color-bg-surface-brand-pressed: #1b1614;
--cb-color-bg-surface-brand-selected: #110e0d;
--cb-color-bg-surface-brand-disabled: #0a0808;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2c2928;
--cb-color-bg-surface-brand-hovered: #2f2c2a;
--cb-color-bg-surface-brand-pressed: #332f2d;
--cb-color-bg-surface-brand-selected: #2e2b29;
--cb-color-bg-surface-brand-disabled: #2a2827;}
:root{--al-color-border-selected: #81746e;
--al-color-border-elevated-selected: #81746e;
--al-color-outline-focused: #372a25;
--al-color-bg-surface-brand: #edebea;
--al-color-bg-surface-brand-hovered: #e0dcda;
--al-color-bg-surface-brand-pressed: #d2cdcb;
--al-color-bg-surface-brand-selected: #d2cdcb;
--al-color-bg-surface-brand-disabled: #f4f3f2;
--al-color-bg-surface-brand-elevated: #edebea;
--al-color-bg-surface-brand-elevated-hovered: #e0dcda;
--al-color-bg-surface-brand-elevated-pressed: #d2cdcb;
--al-color-bg-surface-brand-elevated-selected: #d2cdcb;
--al-color-bg-surface-brand-elevated-disabled: #f4f3f2;
--al-color-bg-fill-brand: #81746e;
--al-color-bg-fill-brand-hovered: #73645f;
--al-color-bg-fill-brand-pressed: #65554f;
--al-color-bg-fill-brand-selected: #574741;
--al-color-bg-fill-brand-disabled: #c7c0bd;
--al-color-text-brand: #73645f;
--al-color-text-brand-hovered: #65554f;
--al-color-text-brand-pressed: #574741;
--al-color-text-brand-selected: #473933;
--al-color-text-brand-disabled: #bbb3af;
--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: #f4f3f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #73645f;
--al-color-border-elevated-selected: #73645f;
--al-color-bg-fill-brand: #73645f;
--al-color-bg-fill-brand-hovered: #65554f;
--al-color-bg-fill-brand-pressed: #574741;
--al-color-bg-fill-brand-selected: #473933;
--al-color-text-brand: #574741;
--al-color-text-brand-hovered: #473933;
--al-color-text-brand-pressed: #372a25;
--al-color-text-brand-selected: #231915;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #8a7c77;
--al-color-border-elevated-selected: #998d88;
--al-color-outline-focused: #e3dfde;
--al-color-bg-surface-brand: #251b17;
--al-color-bg-surface-brand-hovered: #332722;
--al-color-bg-surface-brand-pressed: #3d302b;
--al-color-bg-surface-brand-selected: #3d302b;
--al-color-bg-surface-brand-disabled: #1d1411;
--al-color-bg-surface-brand-elevated: #332722;
--al-color-bg-surface-brand-elevated-hovered: #3d302b;
--al-color-bg-surface-brand-elevated-pressed: #483934;
--al-color-bg-surface-brand-elevated-selected: #483934;
--al-color-bg-surface-brand-elevated-disabled: #251b17;
--al-color-bg-fill-brand: #aa9f9b;
--al-color-bg-fill-brand-hovered: #bbb3b0;
--al-color-bg-fill-brand-pressed: #cfc8c6;
--al-color-bg-fill-brand-selected: #e3dfde;
--al-color-bg-fill-brand-disabled: #483934;
--al-color-text-brand: #aa9f9b;
--al-color-text-brand-hovered: #bbb3b0;
--al-color-text-brand-pressed: #cfc8c6;
--al-color-text-brand-selected: #e3dfde;
--al-color-text-brand-disabled: #51423c;
--al-color-text-on-bg-fill-brand: #120c09;
--al-color-text-on-bg-fill-brand-hovered: #120c09;
--al-color-text-on-bg-fill-brand-pressed: #120c09;
--al-color-text-on-bg-fill-brand-selected: #120c09;
--al-color-text-on-bg-fill-brand-disabled: #1d1411;}

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