: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: #983433;
--cb-color-bg-fill-brand-hovered: #a54d4c;
--cb-color-bg-fill-brand-pressed: #ad5d5c;
--cb-color-bg-fill-brand-selected: #a95554;
--cb-color-bg-fill-brand-disabled: #bd7d7d;
--cb-color-text-brand: #983433;
--cb-color-text-brand-hovered: #a04443;
--cb-color-text-brand-pressed: #ad5d5c;
--cb-color-text-brand-selected: #a54d4c;
--cb-color-text-brand-disabled: #bd7d7d;
--cb-color-bg-surface-brand: #f7efef;
--cb-color-bg-surface-brand-hovered: #eedede;
--cb-color-bg-surface-brand-pressed: #e6cece;
--cb-color-bg-surface-brand-selected: #f2e6e6;
--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: #983433;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #862e2d;
--cb-color-bg-fill-brand-pressed: #7a2a29;
--cb-color-bg-fill-brand-selected: #802c2b;
--cb-color-bg-fill-brand-disabled: #612121;
--cb-color-text-brand-hovered: #8c302f;
--cb-color-text-brand-pressed: #7a2a29;
--cb-color-text-brand-selected: #862e2d;
--cb-color-text-brand-disabled: #612121;
--cb-color-bg-surface-brand: #180808;
--cb-color-bg-surface-brand-hovered: #240c0c;
--cb-color-bg-surface-brand-pressed: #311110;
--cb-color-bg-surface-brand-selected: #1e0a0a;
--cb-color-bg-surface-brand-disabled: #120606;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #372726;
--cb-color-bg-surface-brand-hovered: #402828;
--cb-color-bg-surface-brand-pressed: #492929;
--cb-color-bg-surface-brand-selected: #3b2727;
--cb-color-bg-surface-brand-disabled: #322626;}
:root{--al-color-border-selected: #b85a56;
--al-color-border-elevated-selected: #b85a56;
--al-color-outline-focused: #5c0e12;
--al-color-bg-surface-brand: #f8e9e7;
--al-color-bg-surface-brand-hovered: #f3d7d4;
--al-color-bg-surface-brand-pressed: #edc5c2;
--al-color-bg-surface-brand-selected: #edc5c2;
--al-color-bg-surface-brand-disabled: #faf1f0;
--al-color-bg-surface-brand-elevated: #f8e9e7;
--al-color-bg-surface-brand-elevated-hovered: #f3d7d4;
--al-color-bg-surface-brand-elevated-pressed: #edc5c2;
--al-color-bg-surface-brand-elevated-selected: #edc5c2;
--al-color-bg-surface-brand-elevated-disabled: #faf1f0;
--al-color-bg-fill-brand: #b85a56;
--al-color-bg-fill-brand-hovered: #aa4845;
--al-color-bg-fill-brand-pressed: #9b3635;
--al-color-bg-fill-brand-selected: #892728;
--al-color-bg-fill-brand-disabled: #e8b6b1;
--al-color-text-brand: #aa4845;
--al-color-text-brand-hovered: #9b3635;
--al-color-text-brand-pressed: #892728;
--al-color-text-brand-selected: #741a1c;
--al-color-text-brand-disabled: #e1a6a1;
--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: #faf1f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #aa4845;
--al-color-border-elevated-selected: #aa4845;
--al-color-bg-fill-brand: #aa4845;
--al-color-bg-fill-brand-hovered: #9b3635;
--al-color-bg-fill-brand-pressed: #892728;
--al-color-bg-fill-brand-selected: #741a1c;
--al-color-text-brand: #892728;
--al-color-text-brand-hovered: #741a1c;
--al-color-text-brand-pressed: #5c0e12;
--al-color-text-brand-selected: #3d0407;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #bf645f;
--al-color-border-elevated-selected: #cb7973;
--al-color-outline-focused: #f4dad8;
--al-color-bg-surface-brand: #410508;
--al-color-bg-surface-brand-hovered: #550b0f;
--al-color-bg-surface-brand-pressed: #661216;
--al-color-bg-surface-brand-selected: #661216;
--al-color-bg-surface-brand-disabled: #360305;
--al-color-bg-surface-brand-elevated: #550b0f;
--al-color-bg-surface-brand-elevated-hovered: #661216;
--al-color-bg-surface-brand-elevated-pressed: #741a1c;
--al-color-bg-surface-brand-elevated-selected: #741a1c;
--al-color-bg-surface-brand-elevated-disabled: #410508;
--al-color-bg-fill-brand: #d78e89;
--al-color-bg-fill-brand-hovered: #e2a6a1;
--al-color-bg-fill-brand-pressed: #ebbfbb;
--al-color-bg-fill-brand-selected: #f4dad8;
--al-color-bg-fill-brand-disabled: #741a1c;
--al-color-text-brand: #d78e89;
--al-color-text-brand-hovered: #e2a6a1;
--al-color-text-brand-pressed: #ebbfbb;
--al-color-text-brand-selected: #f4dad8;
--al-color-text-brand-disabled: #812223;
--al-color-text-on-bg-fill-brand: #250103;
--al-color-text-on-bg-fill-brand-hovered: #250103;
--al-color-text-on-bg-fill-brand-pressed: #250103;
--al-color-text-on-bg-fill-brand-selected: #250103;
--al-color-text-on-bg-fill-brand-disabled: #360305;}

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