: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: #987687;
--cb-color-bg-fill-brand-hovered: #a58796;
--cb-color-bg-fill-brand-pressed: #ad919f;
--cb-color-bg-fill-brand-selected: #a98c9a;
--cb-color-bg-fill-brand-disabled: #bda7b2;
--cb-color-text-brand: #987687;
--cb-color-text-brand-hovered: #a08190;
--cb-color-text-brand-pressed: #ad919f;
--cb-color-text-brand-selected: #a58796;
--cb-color-text-brand-disabled: #bda7b2;
--cb-color-bg-surface-brand: #f7f4f6;
--cb-color-bg-surface-brand-hovered: #eee9ec;
--cb-color-bg-surface-brand-pressed: #e6dee2;
--cb-color-bg-surface-brand-selected: #f2eef0;
--cb-color-bg-surface-brand-disabled: #fbfafa;
--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: #987687;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #8d6d7d;
--cb-color-bg-fill-brand-hovered: #9b7f8d;
--cb-color-bg-fill-brand-pressed: #a48a97;
--cb-color-bg-fill-brand-selected: #9f8492;
--cb-color-bg-fill-brand-disabled: #b6a2ac;
--cb-color-text-brand: #856776;
--cb-color-text-brand-hovered: #8f7381;
--cb-color-text-brand-pressed: #9d8591;
--cb-color-text-brand-selected: #947987;
--cb-color-text-brand-disabled: #b19ea7;
--cb-color-border-selected: #8d6d7d;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #866877;
--cb-color-bg-fill-brand-pressed: #7a5e6c;
--cb-color-bg-fill-brand-selected: #806371;
--cb-color-bg-fill-brand-disabled: #614b56;
--cb-color-text-brand-hovered: #8c6d7c;
--cb-color-text-brand-pressed: #7a5e6c;
--cb-color-text-brand-selected: #866877;
--cb-color-text-brand-disabled: #614b56;
--cb-color-bg-surface-brand: #181316;
--cb-color-bg-surface-brand-hovered: #241c20;
--cb-color-bg-surface-brand-pressed: #31262b;
--cb-color-bg-surface-brand-selected: #1e181b;
--cb-color-bg-surface-brand-disabled: #120e10;
--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: #373134;
--cb-color-bg-surface-brand-hovered: #40383c;
--cb-color-bg-surface-brand-pressed: #493e44;
--cb-color-bg-surface-brand-selected: #3b3438;
--cb-color-bg-surface-brand-disabled: #322e30;}
:root{--al-color-border-selected: #8f6d7e;
--al-color-border-elevated-selected: #8f6d7e;
--al-color-outline-focused: #3a2831;
--al-color-bg-surface-brand: #f1e9ec;
--al-color-bg-surface-brand-hovered: #e7d9e0;
--al-color-bg-surface-brand-pressed: #ddcad3;
--al-color-bg-surface-brand-selected: #ddcad3;
--al-color-bg-surface-brand-disabled: #f6f2f4;
--al-color-bg-surface-brand-elevated: #f1e9ec;
--al-color-bg-surface-brand-elevated-hovered: #e7d9e0;
--al-color-bg-surface-brand-elevated-pressed: #ddcad3;
--al-color-bg-surface-brand-elevated-selected: #ddcad3;
--al-color-bg-surface-brand-elevated-disabled: #f6f2f4;
--al-color-bg-fill-brand: #8f6d7e;
--al-color-bg-fill-brand-hovered: #7d5e6e;
--al-color-bg-fill-brand-pressed: #6d505f;
--al-color-bg-fill-brand-selected: #5d4350;
--al-color-bg-fill-brand-disabled: #d3bbc7;
--al-color-text-brand: #7d5e6e;
--al-color-text-brand-hovered: #6d505f;
--al-color-text-brand-pressed: #5d4350;
--al-color-text-brand-selected: #4b3641;
--al-color-text-brand-disabled: #c8adba;
--al-color-text-on-bg-fill-brand: #fcfbfc;
--al-color-text-on-bg-fill-brand-hovered: #fcfbfc;
--al-color-text-on-bg-fill-brand-pressed: #fcfbfc;
--al-color-text-on-bg-fill-brand-selected: #fcfbfc;
--al-color-text-on-bg-fill-brand-disabled: #f6f2f4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7d5e6e;
--al-color-border-elevated-selected: #7d5e6e;
--al-color-bg-fill-brand: #7d5e6e;
--al-color-bg-fill-brand-hovered: #6d505f;
--al-color-bg-fill-brand-pressed: #5d4350;
--al-color-bg-fill-brand-selected: #4b3641;
--al-color-text-brand: #5d4350;
--al-color-text-brand-hovered: #4b3641;
--al-color-text-brand-pressed: #3a2831;
--al-color-text-brand-selected: #24171e;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #977586;
--al-color-border-elevated-selected: #a88697;
--al-color-outline-focused: #e9dde3;
--al-color-bg-surface-brand: #271a21;
--al-color-bg-surface-brand-hovered: #35252d;
--al-color-bg-surface-brand-pressed: #402d37;
--al-color-bg-surface-brand-selected: #402d37;
--al-color-bg-surface-brand-disabled: #1d1318;
--al-color-bg-surface-brand-elevated: #35252d;
--al-color-bg-surface-brand-elevated-hovered: #402d37;
--al-color-bg-surface-brand-elevated-pressed: #4c3641;
--al-color-bg-surface-brand-elevated-selected: #4c3641;
--al-color-bg-surface-brand-elevated-disabled: #271a21;
--al-color-bg-fill-brand: #b899a8;
--al-color-bg-fill-brand-hovered: #c9adbb;
--al-color-bg-fill-brand-pressed: #d9c4ce;
--al-color-bg-fill-brand-selected: #e9dde3;
--al-color-bg-fill-brand-disabled: #4c3641;
--al-color-text-brand: #b899a8;
--al-color-text-brand-hovered: #c9adbb;
--al-color-text-brand-pressed: #d9c4ce;
--al-color-text-brand-selected: #e9dde3;
--al-color-text-brand-disabled: #563e4a;
--al-color-text-on-bg-fill-brand: #140c10;
--al-color-text-on-bg-fill-brand-hovered: #140c10;
--al-color-text-on-bg-fill-brand-pressed: #140c10;
--al-color-text-on-bg-fill-brand-selected: #140c10;
--al-color-text-on-bg-fill-brand-disabled: #1d1318;}

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