: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: #771635;
--cb-color-bg-fill-brand-hovered: #88324e;
--cb-color-bg-fill-brand-pressed: #92455d;
--cb-color-bg-fill-brand-selected: #8d3b55;
--cb-color-bg-fill-brand-disabled: #a86a7e;
--cb-color-text-brand: #771635;
--cb-color-text-brand-hovered: #822845;
--cb-color-text-brand-pressed: #92455d;
--cb-color-text-brand-selected: #88324e;
--cb-color-text-brand-disabled: #a86a7e;
--cb-color-bg-surface-brand: #f4edef;
--cb-color-bg-surface-brand-hovered: #e9dadf;
--cb-color-bg-surface-brand-pressed: #dec7cf;
--cb-color-bg-surface-brand-selected: #eee3e6;
--cb-color-bg-surface-brand-disabled: #faf6f7;
--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: #771635;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #69132f;
--cb-color-bg-fill-brand-pressed: #5f122a;
--cb-color-bg-fill-brand-selected: #64122c;
--cb-color-bg-fill-brand-disabled: #4c0e22;
--cb-color-text-brand-hovered: #6e1431;
--cb-color-text-brand-pressed: #5f122a;
--cb-color-text-brand-selected: #69132f;
--cb-color-text-brand-disabled: #4c0e22;
--cb-color-bg-surface-brand: #130409;
--cb-color-bg-surface-brand-hovered: #1c050d;
--cb-color-bg-surface-brand-pressed: #260711;
--cb-color-bg-surface-brand-selected: #18040b;
--cb-color-bg-surface-brand-disabled: #0e0306;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #312227;
--cb-color-bg-surface-brand-hovered: #382128;
--cb-color-bg-surface-brand-pressed: #3f1f29;
--cb-color-bg-surface-brand-selected: #352127;
--cb-color-bg-surface-brand-disabled: #2e2226;}
:root{--al-color-border-selected: #ae5e6f;
--al-color-border-elevated-selected: #ae5e6f;
--al-color-outline-focused: #600025;
--al-color-bg-surface-brand: #f5e8ea;
--al-color-bg-surface-brand-hovered: #eed8db;
--al-color-bg-surface-brand-pressed: #e7c7cc;
--al-color-bg-surface-brand-selected: #e7c7cc;
--al-color-bg-surface-brand-disabled: #f9f1f2;
--al-color-bg-surface-brand-elevated: #f5e8ea;
--al-color-bg-surface-brand-elevated-hovered: #eed8db;
--al-color-bg-surface-brand-elevated-pressed: #e7c7cc;
--al-color-bg-surface-brand-elevated-selected: #e7c7cc;
--al-color-bg-surface-brand-elevated-disabled: #f9f1f2;
--al-color-bg-fill-brand: #ae5e6f;
--al-color-bg-fill-brand-hovered: #a14c5f;
--al-color-bg-fill-brand-pressed: #943a50;
--al-color-bg-fill-brand-selected: #862742;
--al-color-bg-fill-brand-disabled: #e0b7bd;
--al-color-text-brand: #a14c5f;
--al-color-text-brand-hovered: #943a50;
--al-color-text-brand-pressed: #862742;
--al-color-text-brand-selected: #751434;
--al-color-text-brand-disabled: #d9a8b0;
--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: #f9f1f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #a14c5f;
--al-color-border-elevated-selected: #a14c5f;
--al-color-bg-fill-brand: #a14c5f;
--al-color-bg-fill-brand-hovered: #943a50;
--al-color-bg-fill-brand-pressed: #862742;
--al-color-bg-fill-brand-selected: #751434;
--al-color-text-brand: #862742;
--al-color-text-brand-hovered: #751434;
--al-color-text-brand-pressed: #600025;
--al-color-text-brand-selected: #3f0013;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b56878;
--al-color-border-elevated-selected: #c17c89;
--al-color-outline-focused: #f0dbde;
--al-color-bg-surface-brand: #430015;
--al-color-bg-surface-brand-hovered: #580020;
--al-color-bg-surface-brand-pressed: #68062a;
--al-color-bg-surface-brand-selected: #68062a;
--al-color-bg-surface-brand-disabled: #35000e;
--al-color-bg-surface-brand-elevated: #580020;
--al-color-bg-surface-brand-elevated-hovered: #68062a;
--al-color-bg-surface-brand-elevated-pressed: #751434;
--al-color-bg-surface-brand-elevated-selected: #751434;
--al-color-bg-surface-brand-elevated-disabled: #430015;
--al-color-bg-fill-brand: #cd919c;
--al-color-bg-fill-brand-hovered: #d9a8b0;
--al-color-bg-fill-brand-pressed: #e4c1c6;
--al-color-bg-fill-brand-selected: #f0dbde;
--al-color-bg-fill-brand-disabled: #751434;
--al-color-text-brand: #cd919c;
--al-color-text-brand-hovered: #d9a8b0;
--al-color-text-brand-pressed: #e4c1c6;
--al-color-text-brand-selected: #f0dbde;
--al-color-text-brand-disabled: #80213d;
--al-color-text-on-bg-fill-brand: #240007;
--al-color-text-on-bg-fill-brand-hovered: #240007;
--al-color-text-on-bg-fill-brand-pressed: #240007;
--al-color-text-on-bg-fill-brand-selected: #240007;
--al-color-text-on-bg-fill-brand-disabled: #35000e;}

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