: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: #bd4255;
--cb-color-bg-fill-brand-hovered: #c5596a;
--cb-color-bg-fill-brand-pressed: #ca6877;
--cb-color-bg-fill-brand-selected: #c86070;
--cb-color-bg-fill-brand-disabled: #d58692;
--cb-color-text-brand: #bd4255;
--cb-color-text-brand-hovered: #c25162;
--cb-color-text-brand-pressed: #ca6877;
--cb-color-text-brand-selected: #c5596a;
--cb-color-text-brand-disabled: #d58692;
--cb-color-bg-surface-brand: #faf0f2;
--cb-color-bg-surface-brand-hovered: #f4e1e4;
--cb-color-bg-surface-brand-pressed: #efd2d6;
--cb-color-bg-surface-brand-selected: #f7e8ea;
--cb-color-bg-surface-brand-disabled: #fcf8f8;
--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: #bd4255;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #a63a4b;
--cb-color-bg-fill-brand-pressed: #973544;
--cb-color-bg-fill-brand-selected: #9f3747;
--cb-color-bg-fill-brand-disabled: #792a36;
--cb-color-text-brand-hovered: #ae3d4e;
--cb-color-text-brand-pressed: #973544;
--cb-color-text-brand-selected: #a63a4b;
--cb-color-text-brand-disabled: #792a36;
--cb-color-bg-surface-brand: #1e0b0e;
--cb-color-bg-surface-brand-hovered: #2d1014;
--cb-color-bg-surface-brand-pressed: #3d151b;
--cb-color-bg-surface-brand-selected: #260d11;
--cb-color-bg-surface-brand-disabled: #17080a;
--cb-color-text-on-bg-fill-brand: #202125;
--cb-color-text-on-bg-fill-brand-hovered: #202125;
--cb-color-text-on-bg-fill-brand-pressed: #202125;
--cb-color-text-on-bg-fill-brand-selected: #202125;
--cb-color-text-on-bg-fill-brand-disabled: #20212566;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #3d292c;
--cb-color-bg-surface-brand-hovered: #492b30;
--cb-color-bg-surface-brand-pressed: #552e34;
--cb-color-bg-surface-brand-selected: #432a2e;
--cb-color-bg-surface-brand-disabled: #37282a;}
:root{--al-color-border-selected: #c74d5e;
--al-color-border-elevated-selected: #c74d5e;
--al-color-outline-focused: #5b0e1e;
--al-color-bg-surface-brand: #fde7e7;
--al-color-bg-surface-brand-hovered: #fcd3d5;
--al-color-bg-surface-brand-pressed: #fac0c3;
--al-color-bg-surface-brand-selected: #fac0c3;
--al-color-bg-surface-brand-disabled: #fef1f1;
--al-color-bg-surface-brand-elevated: #fde7e7;
--al-color-bg-surface-brand-elevated-hovered: #fcd3d5;
--al-color-bg-surface-brand-elevated-pressed: #fac0c3;
--al-color-bg-surface-brand-elevated-selected: #fac0c3;
--al-color-bg-surface-brand-elevated-disabled: #fef1f1;
--al-color-bg-fill-brand: #c74d5e;
--al-color-bg-fill-brand-hovered: #b53b4f;
--al-color-bg-fill-brand-pressed: #a12d42;
--al-color-bg-fill-brand-selected: #8c2136;
--al-color-bg-fill-brand-disabled: #f6afb3;
--al-color-text-brand: #b53b4f;
--al-color-text-brand-hovered: #a12d42;
--al-color-text-brand-pressed: #8c2136;
--al-color-text-brand-selected: #74172a;
--al-color-text-brand-disabled: #f29da3;
--al-color-text-on-bg-fill-brand: #fefbfc;
--al-color-text-on-bg-fill-brand-hovered: #fefbfc;
--al-color-text-on-bg-fill-brand-pressed: #fefbfc;
--al-color-text-on-bg-fill-brand-selected: #fefbfc;
--al-color-text-on-bg-fill-brand-disabled: #fef1f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #b53b4f;
--al-color-border-elevated-selected: #b53b4f;
--al-color-bg-fill-brand: #b53b4f;
--al-color-bg-fill-brand-hovered: #a12d42;
--al-color-bg-fill-brand-pressed: #8c2136;
--al-color-bg-fill-brand-selected: #74172a;
--al-color-text-brand: #8c2136;
--al-color-text-brand-hovered: #74172a;
--al-color-text-brand-pressed: #5b0e1e;
--al-color-text-brand-selected: #3c0511;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #cf5767;
--al-color-border-elevated-selected: #dd6c79;
--al-color-outline-focused: #fcd7d9;
--al-color-bg-surface-brand: #3f0612;
--al-color-bg-surface-brand-hovered: #540b1b;
--al-color-bg-surface-brand-pressed: #641122;
--al-color-bg-surface-brand-selected: #641122;
--al-color-bg-surface-brand-disabled: #33040d;
--al-color-bg-surface-brand-elevated: #540b1b;
--al-color-bg-surface-brand-elevated-hovered: #641122;
--al-color-bg-surface-brand-elevated-pressed: #75172b;
--al-color-bg-surface-brand-elevated-selected: #75172b;
--al-color-bg-surface-brand-elevated-disabled: #3f0612;
--al-color-bg-fill-brand: #e9848e;
--al-color-bg-fill-brand-hovered: #f29ea4;
--al-color-bg-fill-brand-pressed: #f9b9bd;
--al-color-bg-fill-brand-selected: #fcd7d9;
--al-color-bg-fill-brand-disabled: #75172b;
--al-color-text-brand: #e9848e;
--al-color-text-brand-hovered: #f29ea4;
--al-color-text-brand-pressed: #f9b9bd;
--al-color-text-brand-selected: #fcd7d9;
--al-color-text-brand-disabled: #831d31;
--al-color-text-on-bg-fill-brand: #220206;
--al-color-text-on-bg-fill-brand-hovered: #220206;
--al-color-text-on-bg-fill-brand-pressed: #220206;
--al-color-text-on-bg-fill-brand-selected: #220206;
--al-color-text-on-bg-fill-brand-disabled: #33040d;}

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