: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: #5c3434;
--cb-color-bg-fill-brand-hovered: #704d4d;
--cb-color-bg-fill-brand-pressed: #7d5d5d;
--cb-color-bg-fill-brand-selected: #765555;
--cb-color-bg-fill-brand-disabled: #977d7d;
--cb-color-text-brand: #5c3434;
--cb-color-text-brand-hovered: #694444;
--cb-color-text-brand-pressed: #7d5d5d;
--cb-color-text-brand-selected: #704d4d;
--cb-color-text-brand-disabled: #977d7d;
--cb-color-bg-surface-brand: #f2efef;
--cb-color-bg-surface-brand-hovered: #e5dede;
--cb-color-bg-surface-brand-pressed: #d8cece;
--cb-color-bg-surface-brand-selected: #ebe6e6;
--cb-color-bg-surface-brand-disabled: #f9f7f7;
--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: #5c3434;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #512e2e;
--cb-color-bg-fill-brand-pressed: #4a2a2a;
--cb-color-bg-fill-brand-selected: #4d2c2c;
--cb-color-bg-fill-brand-disabled: #3b2121;
--cb-color-text-brand-hovered: #553030;
--cb-color-text-brand-pressed: #4a2a2a;
--cb-color-text-brand-selected: #512e2e;
--cb-color-text-brand-disabled: #3b2121;
--cb-color-bg-surface-brand: #0f0808;
--cb-color-bg-surface-brand-hovered: #160c0c;
--cb-color-bg-surface-brand-pressed: #1e1111;
--cb-color-bg-surface-brand-selected: #120a0a;
--cb-color-bg-surface-brand-disabled: #0b0606;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2d2727;
--cb-color-bg-surface-brand-hovered: #312828;
--cb-color-bg-surface-brand-pressed: #362929;
--cb-color-bg-surface-brand-selected: #2f2727;
--cb-color-bg-surface-brand-disabled: #2b2626;}
:root{--al-color-border-selected: #926d6d;
--al-color-border-elevated-selected: #926d6d;
--al-color-outline-focused: #462223;
--al-color-bg-surface-brand: #f0eaea;
--al-color-bg-surface-brand-hovered: #e5dbdb;
--al-color-bg-surface-brand-pressed: #dacbcb;
--al-color-bg-surface-brand-selected: #dacbcb;
--al-color-bg-surface-brand-disabled: #f6f2f2;
--al-color-bg-surface-brand-elevated: #f0eaea;
--al-color-bg-surface-brand-elevated-hovered: #e5dbdb;
--al-color-bg-surface-brand-elevated-pressed: #dacbcb;
--al-color-bg-surface-brand-elevated-selected: #dacbcb;
--al-color-bg-surface-brand-elevated-disabled: #f6f2f2;
--al-color-bg-fill-brand: #926d6d;
--al-color-bg-fill-brand-hovered: #845d5d;
--al-color-bg-fill-brand-pressed: #774e4e;
--al-color-bg-fill-brand-selected: #683f3f;
--al-color-bg-fill-brand-disabled: #cfbdbc;
--al-color-text-brand: #845d5d;
--al-color-text-brand-hovered: #774e4e;
--al-color-text-brand-pressed: #683f3f;
--al-color-text-brand-selected: #593131;
--al-color-text-brand-disabled: #c5afaf;
--al-color-text-on-bg-fill-brand: #fcfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fcfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fcfbfb;
--al-color-text-on-bg-fill-brand-selected: #fcfbfb;
--al-color-text-on-bg-fill-brand-disabled: #f6f2f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #845d5d;
--al-color-border-elevated-selected: #845d5d;
--al-color-bg-fill-brand: #845d5d;
--al-color-bg-fill-brand-hovered: #774e4e;
--al-color-bg-fill-brand-pressed: #683f3f;
--al-color-bg-fill-brand-selected: #593131;
--al-color-text-brand: #683f3f;
--al-color-text-brand-hovered: #593131;
--al-color-text-brand-pressed: #462223;
--al-color-text-brand-selected: #2f1213;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #997676;
--al-color-border-elevated-selected: #a78887;
--al-color-outline-focused: #e8dede;
--al-color-bg-surface-brand: #331515;
--al-color-bg-surface-brand-hovered: #421f1f;
--al-color-bg-surface-brand-pressed: #4e2828;
--al-color-bg-surface-brand-selected: #4e2828;
--al-color-bg-surface-brand-disabled: #2a0f10;
--al-color-bg-surface-brand-elevated: #421f1f;
--al-color-bg-surface-brand-elevated-hovered: #4e2828;
--al-color-bg-surface-brand-elevated-pressed: #593131;
--al-color-bg-surface-brand-elevated-selected: #593131;
--al-color-bg-surface-brand-elevated-disabled: #331515;
--al-color-bg-fill-brand: #b69b9b;
--al-color-bg-fill-brand-hovered: #c5afaf;
--al-color-bg-fill-brand-pressed: #d6c6c5;
--al-color-bg-fill-brand-selected: #e8dede;
--al-color-bg-fill-brand-disabled: #593131;
--al-color-text-brand: #b69b9b;
--al-color-text-brand-hovered: #c5afaf;
--al-color-text-brand-pressed: #d6c6c5;
--al-color-text-brand-selected: #e8dede;
--al-color-text-brand-disabled: #623a3a;
--al-color-text-on-bg-fill-brand: #1a0707;
--al-color-text-on-bg-fill-brand-hovered: #1a0707;
--al-color-text-on-bg-fill-brand-pressed: #1a0707;
--al-color-text-on-bg-fill-brand-selected: #1a0707;
--al-color-text-on-bg-fill-brand-disabled: #2a0f10;}

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