: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: #f768c2;
--cb-color-bg-fill-brand-hovered: #f87ac9;
--cb-color-bg-fill-brand-pressed: #f986ce;
--cb-color-bg-fill-brand-selected: #f880cc;
--cb-color-bg-fill-brand-disabled: #fa9ed8;
--cb-color-text-brand: #f768c2;
--cb-color-text-brand-hovered: #f874c7;
--cb-color-text-brand-pressed: #f986ce;
--cb-color-text-brand-selected: #f87ac9;
--cb-color-text-brand-disabled: #fa9ed8;
--cb-color-bg-surface-brand: #fef3fa;
--cb-color-bg-surface-brand-hovered: #fee7f5;
--cb-color-bg-surface-brand-pressed: #fddbf0;
--cb-color-bg-surface-brand-selected: #feedf8;
--cb-color-bg-surface-brand-disabled: #fff9fd;
--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: #f768c2;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #b74d8f;
--cb-color-bg-fill-brand-hovered: #c0639d;
--cb-color-bg-fill-brand-pressed: #c571a5;
--cb-color-bg-fill-brand-selected: #c36aa1;
--cb-color-bg-fill-brand-disabled: #d18db7;
--cb-color-text-brand: #ae4988;
--cb-color-text-brand-hovered: #b45791;
--cb-color-text-brand-pressed: #be6da0;
--cb-color-text-brand-selected: #b85f96;
--cb-color-text-brand-disabled: #cb8bb3;
--cb-color-border-selected: #b74d8f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d95baa;
--cb-color-bg-fill-brand-pressed: #c6539b;
--cb-color-bg-fill-brand-selected: #cf57a3;
--cb-color-bg-fill-brand-disabled: #9e427c;
--cb-color-text-brand-hovered: #e460b3;
--cb-color-text-brand-pressed: #c6539b;
--cb-color-text-brand-selected: #d95baa;
--cb-color-text-brand-disabled: #9e427c;
--cb-color-bg-surface-brand: #28111f;
--cb-color-bg-surface-brand-hovered: #3b192e;
--cb-color-bg-surface-brand-pressed: #4f213e;
--cb-color-bg-surface-brand-selected: #311527;
--cb-color-bg-surface-brand-disabled: #1e0d18;
--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: #462f3d;
--cb-color-bg-surface-brand-hovered: #56344a;
--cb-color-bg-surface-brand-pressed: #683a57;
--cb-color-bg-surface-brand-selected: #4e3244;
--cb-color-bg-surface-brand-disabled: #3e2c37;}
:root{--al-color-border-selected: #c34697;
--al-color-border-elevated-selected: #c34697;
--al-color-outline-focused: #51153c;
--al-color-bg-surface-brand: #ffe4f9;
--al-color-bg-surface-brand-hovered: #ffcdf4;
--al-color-bg-surface-brand-pressed: #ffb9ef;
--al-color-bg-surface-brand-selected: #ffb9ef;
--al-color-bg-surface-brand-disabled: #ffeffb;
--al-color-bg-surface-brand-elevated: #ffe4f9;
--al-color-bg-surface-brand-elevated-hovered: #ffcdf4;
--al-color-bg-surface-brand-elevated-pressed: #ffb9ef;
--al-color-bg-surface-brand-elevated-selected: #ffb9ef;
--al-color-bg-surface-brand-elevated-disabled: #ffeffb;
--al-color-bg-fill-brand: #c34697;
--al-color-bg-fill-brand-hovered: #ac3a84;
--al-color-bg-fill-brand-pressed: #963073;
--al-color-bg-fill-brand-selected: #802761;
--al-color-bg-fill-brand-disabled: #ffa3e7;
--al-color-text-brand: #ac3a84;
--al-color-text-brand-hovered: #963073;
--al-color-text-brand-pressed: #802761;
--al-color-text-brand-selected: #691e4f;
--al-color-text-brand-disabled: #ff8edd;
--al-color-text-on-bg-fill-brand: #fffafd;
--al-color-text-on-bg-fill-brand-hovered: #fffafd;
--al-color-text-on-bg-fill-brand-pressed: #fffafd;
--al-color-text-on-bg-fill-brand-selected: #fffafd;
--al-color-text-on-bg-fill-brand-disabled: #ffeffb;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ac3a84;
--al-color-border-elevated-selected: #ac3a84;
--al-color-bg-fill-brand: #ac3a84;
--al-color-bg-fill-brand-hovered: #963073;
--al-color-bg-fill-brand-pressed: #802761;
--al-color-bg-fill-brand-selected: #691e4f;
--al-color-text-brand: #802761;
--al-color-text-brand-hovered: #691e4f;
--al-color-text-brand-pressed: #51153c;
--al-color-text-brand-selected: #340a26;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #cf4da0;
--al-color-border-elevated-selected: #e65bb4;
--al-color-outline-focused: #ffd3f6;
--al-color-bg-surface-brand: #380b29;
--al-color-bg-surface-brand-hovered: #4b1237;
--al-color-bg-surface-brand-pressed: #5a1843;
--al-color-bg-surface-brand-selected: #5a1843;
--al-color-bg-surface-brand-disabled: #2d0820;
--al-color-bg-surface-brand-elevated: #4b1237;
--al-color-bg-surface-brand-elevated-hovered: #5a1843;
--al-color-bg-surface-brand-elevated-pressed: #6a1e4f;
--al-color-bg-surface-brand-elevated-selected: #6a1e4f;
--al-color-bg-surface-brand-elevated-disabled: #380b29;
--al-color-bg-fill-brand: #fc6dc7;
--al-color-bg-fill-brand-hovered: #ff8ede;
--al-color-bg-fill-brand-pressed: #ffb1ec;
--al-color-bg-fill-brand-selected: #ffd3f6;
--al-color-bg-fill-brand-disabled: #6a1e4f;
--al-color-text-brand: #fc6dc7;
--al-color-text-brand-hovered: #ff8ede;
--al-color-text-brand-pressed: #ffb1ec;
--al-color-text-brand-selected: #ffd3f6;
--al-color-text-brand-disabled: #78235a;
--al-color-text-on-bg-fill-brand: #1f0415;
--al-color-text-on-bg-fill-brand-hovered: #1f0415;
--al-color-text-on-bg-fill-brand-pressed: #1f0415;
--al-color-text-on-bg-fill-brand-selected: #1f0415;
--al-color-text-on-bg-fill-brand-disabled: #2d0820;}

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