: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: #f0a3ac;
--cb-color-bg-fill-brand-hovered: #f2aeb6;
--cb-color-bg-fill-brand-pressed: #f3b5bd;
--cb-color-bg-fill-brand-selected: #f2b2b9;
--cb-color-bg-fill-brand-disabled: #f5c4ca;
--cb-color-text-brand: #f0a3ac;
--cb-color-text-brand-hovered: #f1aab3;
--cb-color-text-brand-pressed: #f3b5bd;
--cb-color-text-brand-selected: #f2aeb6;
--cb-color-text-brand-disabled: #f5c4ca;
--cb-color-bg-surface-brand: #fef8f8;
--cb-color-bg-surface-brand-hovered: #fdf0f2;
--cb-color-bg-surface-brand-pressed: #fbe9eb;
--cb-color-bg-surface-brand-selected: #fdf4f5;
--cb-color-bg-surface-brand-disabled: #fefbfc;
--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: #f0a3ac;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #95656b;
--cb-color-bg-fill-brand-hovered: #a2787d;
--cb-color-bg-fill-brand-pressed: #aa8489;
--cb-color-bg-fill-brand-selected: #a67e83;
--cb-color-bg-fill-brand-disabled: #bb9da0;
--cb-color-text-brand: #906267;
--cb-color-text-brand-hovered: #996e73;
--cb-color-text-brand-pressed: #a68185;
--cb-color-text-brand-selected: #9d7579;
--cb-color-text-brand-disabled: #b89b9e;
--cb-color-border-selected: #95656b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d38f97;
--cb-color-bg-fill-brand-pressed: #c0828a;
--cb-color-bg-fill-brand-selected: #c98990;
--cb-color-bg-fill-brand-disabled: #99686e;
--cb-color-text-brand-hovered: #dd969f;
--cb-color-text-brand-pressed: #c0828a;
--cb-color-text-brand-selected: #d38f97;
--cb-color-text-brand-disabled: #99686e;
--cb-color-bg-surface-brand: #271a1c;
--cb-color-bg-surface-brand-hovered: #392729;
--cb-color-bg-surface-brand-pressed: #4d3437;
--cb-color-bg-surface-brand-selected: #302122;
--cb-color-bg-surface-brand-disabled: #1d1415;
--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: #45383a;
--cb-color-bg-surface-brand-hovered: #554245;
--cb-color-bg-surface-brand-pressed: #664d50;
--cb-color-bg-surface-brand-selected: #4d3d3f;
--cb-color-bg-surface-brand-disabled: #3d3335;}
:root{--al-color-border-selected: #a1666e;
--al-color-border-elevated-selected: #a1666e;
--al-color-outline-focused: #402629;
--al-color-bg-surface-brand: #ffe5e9;
--al-color-bg-surface-brand-hovered: #ffd1d7;
--al-color-bg-surface-brand-pressed: #ffbec6;
--al-color-bg-surface-brand-selected: #ffbec6;
--al-color-bg-surface-brand-disabled: #fff0f2;
--al-color-bg-surface-brand-elevated: #ffe5e9;
--al-color-bg-surface-brand-elevated-hovered: #ffd1d7;
--al-color-bg-surface-brand-elevated-pressed: #ffbec6;
--al-color-bg-surface-brand-elevated-selected: #ffbec6;
--al-color-bg-surface-brand-elevated-disabled: #fff0f2;
--al-color-bg-fill-brand: #a1666e;
--al-color-bg-fill-brand-hovered: #8d595f;
--al-color-bg-fill-brand-pressed: #7a4c52;
--al-color-bg-fill-brand-selected: #673f44;
--al-color-bg-fill-brand-disabled: #faadb6;
--al-color-text-brand: #8d595f;
--al-color-text-brand-hovered: #7a4c52;
--al-color-text-brand-pressed: #673f44;
--al-color-text-brand-selected: #543337;
--al-color-text-brand-disabled: #eca0a9;
--al-color-text-on-bg-fill-brand: #fffbfb;
--al-color-text-on-bg-fill-brand-hovered: #fffbfb;
--al-color-text-on-bg-fill-brand-pressed: #fffbfb;
--al-color-text-on-bg-fill-brand-selected: #fffbfb;
--al-color-text-on-bg-fill-brand-disabled: #fff0f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #8d595f;
--al-color-border-elevated-selected: #8d595f;
--al-color-bg-fill-brand: #8d595f;
--al-color-bg-fill-brand-hovered: #7a4c52;
--al-color-bg-fill-brand-pressed: #673f44;
--al-color-bg-fill-brand-selected: #543337;
--al-color-text-brand: #673f44;
--al-color-text-brand-hovered: #543337;
--al-color-text-brand-pressed: #402629;
--al-color-text-brand-selected: #281618;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #ab6e75;
--al-color-border-elevated-selected: #c07d85;
--al-color-outline-focused: #ffd6dc;
--al-color-bg-surface-brand: #2c181a;
--al-color-bg-surface-brand-hovered: #3c2226;
--al-color-bg-surface-brand-pressed: #482b2e;
--al-color-bg-surface-brand-selected: #482b2e;
--al-color-bg-surface-brand-disabled: #221114;
--al-color-bg-surface-brand-elevated: #3c2226;
--al-color-bg-surface-brand-elevated-hovered: #482b2e;
--al-color-bg-surface-brand-elevated-pressed: #553338;
--al-color-bg-surface-brand-elevated-selected: #553338;
--al-color-bg-surface-brand-elevated-disabled: #2c181a;
--al-color-bg-fill-brand: #d68e96;
--al-color-bg-fill-brand-hovered: #eda0a9;
--al-color-bg-fill-brand-pressed: #ffb6bf;
--al-color-bg-fill-brand-selected: #ffd6dc;
--al-color-bg-fill-brand-disabled: #553338;
--al-color-text-brand: #d68e96;
--al-color-text-brand-hovered: #eda0a9;
--al-color-text-brand-pressed: #ffb6bf;
--al-color-text-brand-selected: #ffd6dc;
--al-color-text-brand-disabled: #603b3f;
--al-color-text-on-bg-fill-brand: #170a0c;
--al-color-text-on-bg-fill-brand-hovered: #170a0c;
--al-color-text-on-bg-fill-brand-pressed: #170a0c;
--al-color-text-on-bg-fill-brand-selected: #170a0c;
--al-color-text-on-bg-fill-brand-disabled: #221114;}