: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: #983639;
--cb-color-bg-fill-brand-hovered: #a54e51;
--cb-color-bg-fill-brand-pressed: #ad5e61;
--cb-color-bg-fill-brand-selected: #a95659;
--cb-color-bg-fill-brand-disabled: #bd7f80;
--cb-color-text-brand: #983639;
--cb-color-text-brand-hovered: #a04649;
--cb-color-text-brand-pressed: #ad5e61;
--cb-color-text-brand-selected: #a54e51;
--cb-color-text-brand-disabled: #bd7f80;
--cb-color-bg-surface-brand: #f7efef;
--cb-color-bg-surface-brand-hovered: #eedfdf;
--cb-color-bg-surface-brand-pressed: #e6cfd0;
--cb-color-bg-surface-brand-selected: #f2e7e7;
--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: #983639;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #862f32;
--cb-color-bg-fill-brand-pressed: #7a2b2e;
--cb-color-bg-fill-brand-selected: #802d30;
--cb-color-bg-fill-brand-disabled: #612324;
--cb-color-text-brand-hovered: #8c3235;
--cb-color-text-brand-pressed: #7a2b2e;
--cb-color-text-brand-selected: #862f32;
--cb-color-text-brand-disabled: #612324;
--cb-color-bg-surface-brand: #180909;
--cb-color-bg-surface-brand-hovered: #240d0e;
--cb-color-bg-surface-brand-pressed: #311112;
--cb-color-bg-surface-brand-selected: #1e0b0b;
--cb-color-bg-surface-brand-disabled: #120707;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #372727;
--cb-color-bg-surface-brand-hovered: #402829;
--cb-color-bg-surface-brand-pressed: #492a2b;
--cb-color-bg-surface-brand-selected: #3b2828;
--cb-color-bg-surface-brand-disabled: #322627;}
:root{--al-color-border-selected: #b75b5a;
--al-color-border-elevated-selected: #b75b5a;
--al-color-outline-focused: #5a1016;
--al-color-bg-surface-brand: #f8e9e8;
--al-color-bg-surface-brand-hovered: #f2d7d5;
--al-color-bg-surface-brand-pressed: #edc5c3;
--al-color-bg-surface-brand-selected: #edc5c3;
--al-color-bg-surface-brand-disabled: #faf1f1;
--al-color-bg-surface-brand-elevated: #f8e9e8;
--al-color-bg-surface-brand-elevated-hovered: #f2d7d5;
--al-color-bg-surface-brand-elevated-pressed: #edc5c3;
--al-color-bg-surface-brand-elevated-selected: #edc5c3;
--al-color-bg-surface-brand-elevated-disabled: #faf1f1;
--al-color-bg-fill-brand: #b75b5a;
--al-color-bg-fill-brand-hovered: #a94849;
--al-color-bg-fill-brand-pressed: #9a373a;
--al-color-bg-fill-brand-selected: #87292d;
--al-color-bg-fill-brand-disabled: #e7b6b4;
--al-color-text-brand: #a94849;
--al-color-text-brand-hovered: #9a373a;
--al-color-text-brand-pressed: #87292d;
--al-color-text-brand-selected: #731b21;
--al-color-text-brand-disabled: #e1a6a3;
--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: #a94849;
--al-color-border-elevated-selected: #a94849;
--al-color-bg-fill-brand: #a94849;
--al-color-bg-fill-brand-hovered: #9a373a;
--al-color-bg-fill-brand-pressed: #87292d;
--al-color-bg-fill-brand-selected: #731b21;
--al-color-text-brand: #87292d;
--al-color-text-brand-hovered: #731b21;
--al-color-text-brand-pressed: #5a1016;
--al-color-text-brand-selected: #3c050a;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #be6563;
--al-color-border-elevated-selected: #ca7976;
--al-color-outline-focused: #f4dad9;
--al-color-bg-surface-brand: #40060b;
--al-color-bg-surface-brand-hovered: #540d13;
--al-color-bg-surface-brand-pressed: #64141a;
--al-color-bg-surface-brand-selected: #64141a;
--al-color-bg-surface-brand-disabled: #350408;
--al-color-bg-surface-brand-elevated: #540d13;
--al-color-bg-surface-brand-elevated-hovered: #64141a;
--al-color-bg-surface-brand-elevated-pressed: #731c21;
--al-color-bg-surface-brand-elevated-selected: #731c21;
--al-color-bg-surface-brand-elevated-disabled: #40060b;
--al-color-bg-fill-brand: #d68f8c;
--al-color-bg-fill-brand-hovered: #e1a6a4;
--al-color-bg-fill-brand-pressed: #ebbfbd;
--al-color-bg-fill-brand-selected: #f4dad9;
--al-color-bg-fill-brand-disabled: #731c21;
--al-color-text-brand: #d68f8c;
--al-color-text-brand-hovered: #e1a6a4;
--al-color-text-brand-pressed: #ebbfbd;
--al-color-text-brand-selected: #f4dad9;
--al-color-text-brand-disabled: #802429;
--al-color-text-on-bg-fill-brand: #240204;
--al-color-text-on-bg-fill-brand-hovered: #240204;
--al-color-text-on-bg-fill-brand-pressed: #240204;
--al-color-text-on-bg-fill-brand-selected: #240204;
--al-color-text-on-bg-fill-brand-disabled: #350408;}

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