: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: #ab5f5f;
--cb-color-bg-fill-brand-hovered: #b57272;
--cb-color-bg-fill-brand-pressed: #bc7f7f;
--cb-color-bg-fill-brand-selected: #b97979;
--cb-color-bg-fill-brand-disabled: #c99999;
--cb-color-text-brand: #ab5f5f;
--cb-color-text-brand-hovered: #b26c6c;
--cb-color-text-brand-pressed: #bc7f7f;
--cb-color-text-brand-selected: #b57272;
--cb-color-text-brand-disabled: #c99999;
--cb-color-bg-surface-brand: #f8f2f2;
--cb-color-bg-surface-brand-hovered: #f1e5e5;
--cb-color-bg-surface-brand-pressed: #ebd9d9;
--cb-color-bg-surface-brand-selected: #f5ecec;
--cb-color-bg-surface-brand-disabled: #fcf9f9;
--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: #ab5f5f;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #a35b5b;
--cb-color-text-brand-hovered: #aa6868;
--cb-color-text-brand-pressed: #b57c7c;
--cb-color-text-brand-selected: #ae6f6f;
--cb-color-text-brand-disabled: #c49696;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #965353;
--cb-color-bg-fill-brand-pressed: #894c4c;
--cb-color-bg-fill-brand-selected: #905050;
--cb-color-bg-fill-brand-disabled: #6d3d3d;
--cb-color-text-brand-hovered: #9e5858;
--cb-color-text-brand-pressed: #894c4c;
--cb-color-text-brand-selected: #965353;
--cb-color-text-brand-disabled: #6d3d3d;
--cb-color-bg-surface-brand: #1b0f0f;
--cb-color-bg-surface-brand-hovered: #291717;
--cb-color-bg-surface-brand-pressed: #371f1f;
--cb-color-bg-surface-brand-selected: #221313;
--cb-color-bg-surface-brand-disabled: #150c0c;
--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: #3a2d2d;
--cb-color-bg-surface-brand-hovered: #443232;
--cb-color-bg-surface-brand-pressed: #4f3737;
--cb-color-bg-surface-brand-selected: #3f3030;
--cb-color-bg-surface-brand-disabled: #342b2b;}
:root{--al-color-border-selected: #ad6161;
--al-color-border-elevated-selected: #ad6161;
--al-color-outline-focused: #4b2021;
--al-color-bg-surface-brand: #f8e8e7;
--al-color-bg-surface-brand-hovered: #f2d6d4;
--al-color-bg-surface-brand-pressed: #edc5c4;
--al-color-bg-surface-brand-selected: #edc5c4;
--al-color-bg-surface-brand-disabled: #fbf2f2;
--al-color-bg-surface-brand-elevated: #f8e8e7;
--al-color-bg-surface-brand-elevated-hovered: #f2d6d4;
--al-color-bg-surface-brand-elevated-pressed: #edc5c4;
--al-color-bg-surface-brand-elevated-selected: #edc5c4;
--al-color-bg-surface-brand-elevated-disabled: #fbf2f2;
--al-color-bg-fill-brand: #ad6161;
--al-color-bg-fill-brand-hovered: #9b5252;
--al-color-bg-fill-brand-pressed: #884545;
--al-color-bg-fill-brand-selected: #753839;
--al-color-bg-fill-brand-disabled: #e7b6b4;
--al-color-text-brand: #9b5252;
--al-color-text-brand-hovered: #884545;
--al-color-text-brand-pressed: #753839;
--al-color-text-brand-selected: #612c2d;
--al-color-text-brand-disabled: #dfa6a4;
--al-color-text-on-bg-fill-brand: #fdfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fdfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fdfbfb;
--al-color-text-on-bg-fill-brand-selected: #fdfbfb;
--al-color-text-on-bg-fill-brand-disabled: #fbf2f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #9b5252;
--al-color-border-elevated-selected: #9b5252;
--al-color-bg-fill-brand: #9b5252;
--al-color-bg-fill-brand-hovered: #884545;
--al-color-bg-fill-brand-pressed: #753839;
--al-color-bg-fill-brand-selected: #612c2d;
--al-color-text-brand: #753839;
--al-color-text-brand-hovered: #612c2d;
--al-color-text-brand-pressed: #4b2021;
--al-color-text-brand-selected: #301212;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b66969;
--al-color-border-elevated-selected: #c57b7b;
--al-color-outline-focused: #f4dad9;
--al-color-bg-surface-brand: #341415;
--al-color-bg-surface-brand-hovered: #451d1e;
--al-color-bg-surface-brand-pressed: #532525;
--al-color-bg-surface-brand-selected: #532525;
--al-color-bg-surface-brand-disabled: #2a0f0f;
--al-color-bg-surface-brand-elevated: #451d1e;
--al-color-bg-surface-brand-elevated-hovered: #532525;
--al-color-bg-surface-brand-elevated-pressed: #612d2d;
--al-color-bg-surface-brand-elevated-selected: #612d2d;
--al-color-bg-surface-brand-elevated-disabled: #341415;
--al-color-bg-fill-brand: #d3908f;
--al-color-bg-fill-brand-hovered: #dfa6a5;
--al-color-bg-fill-brand-pressed: #eabfbe;
--al-color-bg-fill-brand-selected: #f4dad9;
--al-color-bg-fill-brand-disabled: #612d2d;
--al-color-text-brand: #d3908f;
--al-color-text-brand-hovered: #dfa6a5;
--al-color-text-brand-pressed: #eabfbe;
--al-color-text-brand-selected: #f4dad9;
--al-color-text-brand-disabled: #6d3434;
--al-color-text-on-bg-fill-brand: #1a0707;
--al-color-text-on-bg-fill-brand-hovered: #1a0707;
--al-color-text-on-bg-fill-brand-pressed: #1a0707;
--al-color-text-on-bg-fill-brand-selected: #1a0707;
--al-color-text-on-bg-fill-brand-disabled: #2a0f0f;}

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