: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: #8d2a32;
--cb-color-bg-fill-brand-hovered: #9b444b;
--cb-color-bg-fill-brand-pressed: #a4555b;
--cb-color-bg-fill-brand-selected: #9f4c53;
--cb-color-bg-fill-brand-disabled: #b6777c;
--cb-color-text-brand: #8d2a32;
--cb-color-text-brand-hovered: #963b42;
--cb-color-text-brand-pressed: #a4555b;
--cb-color-text-brand-selected: #9b444b;
--cb-color-text-brand-disabled: #b6777c;
--cb-color-bg-surface-brand: #f6eeef;
--cb-color-bg-surface-brand-hovered: #edddde;
--cb-color-bg-surface-brand-pressed: #e4ccce;
--cb-color-bg-surface-brand-selected: #f1e5e6;
--cb-color-bg-surface-brand-disabled: #fbf7f7;
--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: #8d2a32;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #7c252c;
--cb-color-bg-fill-brand-pressed: #712228;
--cb-color-bg-fill-brand-selected: #76232a;
--cb-color-bg-fill-brand-disabled: #5a1b20;
--cb-color-text-brand-hovered: #82272e;
--cb-color-text-brand-pressed: #712228;
--cb-color-text-brand-selected: #7c252c;
--cb-color-text-brand-disabled: #5a1b20;
--cb-color-bg-surface-brand: #170708;
--cb-color-bg-surface-brand-hovered: #220a0c;
--cb-color-bg-surface-brand-pressed: #2d0e10;
--cb-color-bg-surface-brand-selected: #1c080a;
--cb-color-bg-surface-brand-disabled: #110506;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #352526;
--cb-color-bg-surface-brand-hovered: #3d2527;
--cb-color-bg-surface-brand-pressed: #462629;
--cb-color-bg-surface-brand-selected: #392527;
--cb-color-bg-surface-brand-disabled: #312526;}
:root{--al-color-border-selected: #b55c5d;
--al-color-border-elevated-selected: #b55c5d;
--al-color-outline-focused: #5e0916;
--al-color-bg-surface-brand: #f7e8e8;
--al-color-bg-surface-brand-hovered: #f1d6d6;
--al-color-bg-surface-brand-pressed: #ebc6c5;
--al-color-bg-surface-brand-selected: #ebc6c5;
--al-color-bg-surface-brand-disabled: #faf1f1;
--al-color-bg-surface-brand-elevated: #f7e8e8;
--al-color-bg-surface-brand-elevated-hovered: #f1d6d6;
--al-color-bg-surface-brand-elevated-pressed: #ebc6c5;
--al-color-bg-surface-brand-elevated-selected: #ebc6c5;
--al-color-bg-surface-brand-elevated-disabled: #faf1f1;
--al-color-bg-fill-brand: #b55c5d;
--al-color-bg-fill-brand-hovered: #a8494d;
--al-color-bg-fill-brand-pressed: #99373d;
--al-color-bg-fill-brand-selected: #89262f;
--al-color-bg-fill-brand-disabled: #e5b6b5;
--al-color-text-brand: #a8494d;
--al-color-text-brand-hovered: #99373d;
--al-color-text-brand-pressed: #89262f;
--al-color-text-brand-selected: #751722;
--al-color-text-brand-disabled: #dea7a6;
--al-color-text-on-bg-fill-brand: #fefdfd;
--al-color-text-on-bg-fill-brand-hovered: #fefdfd;
--al-color-text-on-bg-fill-brand-pressed: #fefdfd;
--al-color-text-on-bg-fill-brand-selected: #fefdfd;
--al-color-text-on-bg-fill-brand-disabled: #faf1f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #a8494d;
--al-color-border-elevated-selected: #a8494d;
--al-color-bg-fill-brand: #a8494d;
--al-color-bg-fill-brand-hovered: #99373d;
--al-color-bg-fill-brand-pressed: #89262f;
--al-color-bg-fill-brand-selected: #751722;
--al-color-text-brand: #89262f;
--al-color-text-brand-hovered: #751722;
--al-color-text-brand-pressed: #5e0916;
--al-color-text-brand-selected: #3f010a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #bc6667;
--al-color-border-elevated-selected: #c87a7a;
--al-color-outline-focused: #f2dbdb;
--al-color-bg-surface-brand: #45010c;
--al-color-bg-surface-brand-hovered: #570513;
--al-color-bg-surface-brand-pressed: #670d1a;
--al-color-bg-surface-brand-selected: #670d1a;
--al-color-bg-surface-brand-disabled: #360007;
--al-color-bg-surface-brand-elevated: #570513;
--al-color-bg-surface-brand-elevated-hovered: #670d1a;
--al-color-bg-surface-brand-elevated-pressed: #761723;
--al-color-bg-surface-brand-elevated-selected: #761723;
--al-color-bg-surface-brand-elevated-disabled: #45010c;
--al-color-bg-fill-brand: #d3908f;
--al-color-bg-fill-brand-hovered: #dea7a6;
--al-color-bg-fill-brand-pressed: #e8c0bf;
--al-color-bg-fill-brand-selected: #f2dbdb;
--al-color-bg-fill-brand-disabled: #761723;
--al-color-text-brand: #d3908f;
--al-color-text-brand-hovered: #dea7a6;
--al-color-text-brand-pressed: #e8c0bf;
--al-color-text-brand-selected: #f2dbdb;
--al-color-text-brand-disabled: #82202a;
--al-color-text-on-bg-fill-brand: #270004;
--al-color-text-on-bg-fill-brand-hovered: #270004;
--al-color-text-on-bg-fill-brand-pressed: #270004;
--al-color-text-on-bg-fill-brand-selected: #270004;
--al-color-text-on-bg-fill-brand-disabled: #360007;}

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