: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: #934a34;
--cb-color-bg-fill-brand-hovered: #a0604d;
--cb-color-bg-fill-brand-pressed: #a96e5d;
--cb-color-bg-fill-brand-selected: #a46755;
--cb-color-bg-fill-brand-disabled: #ba8b7d;
--cb-color-text-brand: #934a34;
--cb-color-text-brand-hovered: #9b5844;
--cb-color-text-brand-pressed: #a96e5d;
--cb-color-text-brand-selected: #a0604d;
--cb-color-text-brand-disabled: #ba8b7d;
--cb-color-bg-surface-brand: #f7f1ef;
--cb-color-bg-surface-brand-hovered: #eee2de;
--cb-color-bg-surface-brand-pressed: #e5d4ce;
--cb-color-bg-surface-brand-selected: #f2e9e6;
--cb-color-bg-surface-brand-disabled: #fbf8f7;
--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: #934a34;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #81412e;
--cb-color-bg-fill-brand-pressed: #763b2a;
--cb-color-bg-fill-brand-selected: #7b3e2c;
--cb-color-bg-fill-brand-disabled: #5e2f21;
--cb-color-text-brand-hovered: #874430;
--cb-color-text-brand-pressed: #763b2a;
--cb-color-text-brand-selected: #81412e;
--cb-color-text-brand-disabled: #5e2f21;
--cb-color-bg-surface-brand: #180c08;
--cb-color-bg-surface-brand-hovered: #23120c;
--cb-color-bg-surface-brand-pressed: #2f1811;
--cb-color-bg-surface-brand-selected: #1d0f0a;
--cb-color-bg-surface-brand-disabled: #120906;
--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: #362a27;
--cb-color-bg-surface-brand-hovered: #3f2d28;
--cb-color-bg-surface-brand-pressed: #483029;
--cb-color-bg-surface-brand-selected: #3a2c27;
--cb-color-bg-surface-brand-disabled: #312926;}
:root{--al-color-border-selected: #ab634e;
--al-color-border-elevated-selected: #ab634e;
--al-color-outline-focused: #501d0e;
--al-color-bg-surface-brand: #f6eae6;
--al-color-bg-surface-brand-hovered: #eed7d1;
--al-color-bg-surface-brand-pressed: #e7c8bf;
--al-color-bg-surface-brand-selected: #e7c8bf;
--al-color-bg-surface-brand-disabled: #f9f2f0;
--al-color-bg-surface-brand-elevated: #f6eae6;
--al-color-bg-surface-brand-elevated-hovered: #eed7d1;
--al-color-bg-surface-brand-elevated-pressed: #e7c8bf;
--al-color-bg-surface-brand-elevated-selected: #e7c8bf;
--al-color-bg-surface-brand-elevated-disabled: #f9f2f0;
--al-color-bg-fill-brand: #ab634e;
--al-color-bg-fill-brand-hovered: #9c533d;
--al-color-bg-fill-brand-pressed: #8c442e;
--al-color-bg-fill-brand-selected: #7a3622;
--al-color-bg-fill-brand-disabled: #e0b9ad;
--al-color-text-brand: #9c533d;
--al-color-text-brand-hovered: #8c442e;
--al-color-text-brand-pressed: #7a3622;
--al-color-text-brand-selected: #662a18;
--al-color-text-brand-disabled: #d9aa9b;
--al-color-text-on-bg-fill-brand: #fdfbfa;
--al-color-text-on-bg-fill-brand-hovered: #fdfbfa;
--al-color-text-on-bg-fill-brand-pressed: #fdfbfa;
--al-color-text-on-bg-fill-brand-selected: #fdfbfa;
--al-color-text-on-bg-fill-brand-disabled: #f9f2f0;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #9c533d;
--al-color-border-elevated-selected: #9c533d;
--al-color-bg-fill-brand: #9c533d;
--al-color-bg-fill-brand-hovered: #8c442e;
--al-color-bg-fill-brand-pressed: #7a3622;
--al-color-bg-fill-brand-selected: #662a18;
--al-color-text-brand: #7a3622;
--al-color-text-brand-hovered: #662a18;
--al-color-text-brand-pressed: #501d0e;
--al-color-text-brand-selected: #340f05;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b26d57;
--al-color-border-elevated-selected: #c07f6c;
--al-color-outline-focused: #f0dcd7;
--al-color-bg-surface-brand: #391206;
--al-color-bg-surface-brand-hovered: #4a1a0c;
--al-color-bg-surface-brand-pressed: #592211;
--al-color-bg-surface-brand-selected: #592211;
--al-color-bg-surface-brand-disabled: #2d0d04;
--al-color-bg-surface-brand-elevated: #4a1a0c;
--al-color-bg-surface-brand-elevated-hovered: #592211;
--al-color-bg-surface-brand-elevated-pressed: #662a18;
--al-color-bg-surface-brand-elevated-selected: #662a18;
--al-color-bg-surface-brand-elevated-disabled: #391206;
--al-color-bg-fill-brand: #cd9483;
--al-color-bg-fill-brand-hovered: #d9aa9c;
--al-color-bg-fill-brand-pressed: #e5c2b8;
--al-color-bg-fill-brand-selected: #f0dcd7;
--al-color-bg-fill-brand-disabled: #662a18;
--al-color-text-brand: #cd9483;
--al-color-text-brand-hovered: #d9aa9c;
--al-color-text-brand-pressed: #e5c2b8;
--al-color-text-brand-selected: #f0dcd7;
--al-color-text-brand-disabled: #73321e;
--al-color-text-on-bg-fill-brand: #1c0602;
--al-color-text-on-bg-fill-brand-hovered: #1c0602;
--al-color-text-on-bg-fill-brand-pressed: #1c0602;
--al-color-text-on-bg-fill-brand-selected: #1c0602;
--al-color-text-on-bg-fill-brand-disabled: #2d0d04;}

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