: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: #b94a43;
--cb-color-bg-fill-brand-hovered: #c2605a;
--cb-color-bg-fill-brand-pressed: #c76e69;
--cb-color-bg-fill-brand-selected: #c46761;
--cb-color-bg-fill-brand-disabled: #d28b87;
--cb-color-text-brand: #b94a43;
--cb-color-text-brand-hovered: #be5852;
--cb-color-text-brand-pressed: #c76e69;
--cb-color-text-brand-selected: #c2605a;
--cb-color-text-brand-disabled: #d28b87;
--cb-color-bg-surface-brand: #faf1f0;
--cb-color-bg-surface-brand-hovered: #f4e2e1;
--cb-color-bg-surface-brand-pressed: #eed4d2;
--cb-color-bg-surface-brand-selected: #f6e9e8;
--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: #b94a43;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #a3413b;
--cb-color-bg-fill-brand-pressed: #943b36;
--cb-color-bg-fill-brand-selected: #9b3e38;
--cb-color-bg-fill-brand-disabled: #762f2b;
--cb-color-text-brand-hovered: #aa443e;
--cb-color-text-brand-pressed: #943b36;
--cb-color-text-brand-selected: #a3413b;
--cb-color-text-brand-disabled: #762f2b;
--cb-color-bg-surface-brand: #1e0c0b;
--cb-color-bg-surface-brand-hovered: #2c1210;
--cb-color-bg-surface-brand-pressed: #3b1816;
--cb-color-bg-surface-brand-selected: #250f0d;
--cb-color-bg-surface-brand-disabled: #160908;
--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: #3c2a29;
--cb-color-bg-surface-brand-hovered: #482d2b;
--cb-color-bg-surface-brand-pressed: #54302e;
--cb-color-bg-surface-brand-selected: #422c2a;
--cb-color-bg-surface-brand-disabled: #362928;}
:root{--al-color-border-selected: #c2534c;
--al-color-border-elevated-selected: #c2534c;
--al-color-outline-focused: #581412;
--al-color-bg-surface-brand: #fce8e6;
--al-color-bg-surface-brand-hovered: #fad4d0;
--al-color-bg-surface-brand-pressed: #f7c3bc;
--al-color-bg-surface-brand-selected: #f7c3bc;
--al-color-bg-surface-brand-disabled: #fdf1f0;
--al-color-bg-surface-brand-elevated: #fce8e6;
--al-color-bg-surface-brand-elevated-hovered: #fad4d0;
--al-color-bg-surface-brand-elevated-pressed: #f7c3bc;
--al-color-bg-surface-brand-elevated-selected: #f7c3bc;
--al-color-bg-surface-brand-elevated-disabled: #fdf1f0;
--al-color-bg-fill-brand: #c2534c;
--al-color-bg-fill-brand-hovered: #b0433c;
--al-color-bg-fill-brand-pressed: #9c3530;
--al-color-bg-fill-brand-selected: #872925;
--al-color-bg-fill-brand-disabled: #f3b1a9;
--al-color-text-brand: #b0433c;
--al-color-text-brand-hovered: #9c3530;
--al-color-text-brand-pressed: #872925;
--al-color-text-brand-selected: #711e1c;
--al-color-text-brand-disabled: #eea198;
--al-color-text-on-bg-fill-brand: #fefdfc;
--al-color-text-on-bg-fill-brand-hovered: #fefdfc;
--al-color-text-on-bg-fill-brand-pressed: #fefdfc;
--al-color-text-on-bg-fill-brand-selected: #fefdfc;
--al-color-text-on-bg-fill-brand-disabled: #fdf1f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #b0433c;
--al-color-border-elevated-selected: #b0433c;
--al-color-bg-fill-brand: #b0433c;
--al-color-bg-fill-brand-hovered: #9c3530;
--al-color-bg-fill-brand-pressed: #872925;
--al-color-bg-fill-brand-selected: #711e1c;
--al-color-text-brand: #872925;
--al-color-text-brand-hovered: #711e1c;
--al-color-text-brand-pressed: #581412;
--al-color-text-brand-selected: #390908;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #ca5d55;
--al-color-border-elevated-selected: #d97168;
--al-color-outline-focused: #fad9d4;
--al-color-bg-surface-brand: #3d0a09;
--al-color-bg-surface-brand-hovered: #521210;
--al-color-bg-surface-brand-pressed: #611815;
--al-color-bg-surface-brand-selected: #611815;
--al-color-bg-surface-brand-disabled: #330707;
--al-color-bg-surface-brand-elevated: #521210;
--al-color-bg-surface-brand-elevated-hovered: #611815;
--al-color-bg-surface-brand-elevated-pressed: #711f1c;
--al-color-bg-surface-brand-elevated-selected: #711f1c;
--al-color-bg-surface-brand-elevated-disabled: #3d0a09;
--al-color-bg-fill-brand: #e5887f;
--al-color-bg-fill-brand-hovered: #eea198;
--al-color-bg-fill-brand-pressed: #f6bbb4;
--al-color-bg-fill-brand-selected: #fad9d4;
--al-color-bg-fill-brand-disabled: #711f1c;
--al-color-text-brand: #e5887f;
--al-color-text-brand-hovered: #eea198;
--al-color-text-brand-pressed: #f6bbb4;
--al-color-text-brand-selected: #fad9d4;
--al-color-text-brand-disabled: #7f2522;
--al-color-text-on-bg-fill-brand: #210303;
--al-color-text-on-bg-fill-brand-hovered: #210303;
--al-color-text-on-bg-fill-brand-pressed: #210303;
--al-color-text-on-bg-fill-brand-selected: #210303;
--al-color-text-on-bg-fill-brand-disabled: #330707;}

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