: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: #600f0b;
--cb-color-bg-fill-brand-hovered: #732c29;
--cb-color-bg-fill-brand-pressed: #803f3c;
--cb-color-bg-fill-brand-selected: #7a3632;
--cb-color-bg-fill-brand-disabled: #996663;
--cb-color-text-brand: #600f0b;
--cb-color-text-brand-hovered: #6c221e;
--cb-color-text-brand-pressed: #803f3c;
--cb-color-text-brand-selected: #732c29;
--cb-color-text-brand-disabled: #996663;
--cb-color-bg-surface-brand: #f3ecec;
--cb-color-bg-surface-brand-hovered: #e5d8d8;
--cb-color-bg-surface-brand-pressed: #d9c6c5;
--cb-color-bg-surface-brand-selected: #ece2e1;
--cb-color-bg-surface-brand-disabled: #f9f6f5;
--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: #600f0b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #540d0a;
--cb-color-bg-fill-brand-pressed: #4d0c09;
--cb-color-bg-fill-brand-selected: #510d09;
--cb-color-bg-fill-brand-disabled: #3d0a07;
--cb-color-text-brand-hovered: #580e0a;
--cb-color-text-brand-pressed: #4d0c09;
--cb-color-text-brand-selected: #540d0a;
--cb-color-text-brand-disabled: #3d0a07;
--cb-color-bg-surface-brand: #0f0202;
--cb-color-bg-surface-brand-hovered: #170403;
--cb-color-bg-surface-brand-pressed: #1f0504;
--cb-color-bg-surface-brand-selected: #130302;
--cb-color-bg-surface-brand-disabled: #0c0201;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #2e2120;
--cb-color-bg-surface-brand-hovered: #321f1e;
--cb-color-bg-surface-brand-pressed: #371d1c;
--cb-color-bg-surface-brand-selected: #30201f;
--cb-color-bg-surface-brand-disabled: #2b2121;}
:root{--al-color-border-selected: #a5665d;
--al-color-border-elevated-selected: #a5665d;
--al-color-outline-focused: #5d0c09;
--al-color-bg-surface-brand: #f4eae9;
--al-color-bg-surface-brand-hovered: #ead8d5;
--al-color-bg-surface-brand-pressed: #e2c9c5;
--al-color-bg-surface-brand-selected: #e2c9c5;
--al-color-bg-surface-brand-disabled: #f9f3f3;
--al-color-bg-surface-brand-elevated: #f4eae9;
--al-color-bg-surface-brand-elevated-hovered: #ead8d5;
--al-color-bg-surface-brand-elevated-pressed: #e2c9c5;
--al-color-bg-surface-brand-elevated-selected: #e2c9c5;
--al-color-bg-surface-brand-elevated-disabled: #f9f3f3;
--al-color-bg-fill-brand: #a5665d;
--al-color-bg-fill-brand-hovered: #98544b;
--al-color-bg-fill-brand-pressed: #8b433b;
--al-color-bg-fill-brand-selected: #7e322a;
--al-color-bg-fill-brand-disabled: #dabbb6;
--al-color-text-brand: #98544b;
--al-color-text-brand-hovered: #8b433b;
--al-color-text-brand-pressed: #7e322a;
--al-color-text-brand-selected: #6f211a;
--al-color-text-brand-disabled: #d2aca6;
--al-color-text-on-bg-fill-brand: #fefdfd;
--al-color-text-on-bg-fill-brand-hovered: #fefdfd;
--al-color-text-on-bg-fill-brand-pressed: #fefdfd;
--al-color-text-on-bg-fill-brand-selected: #fefdfd;
--al-color-text-on-bg-fill-brand-disabled: #f9f3f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #98544b;
--al-color-border-elevated-selected: #98544b;
--al-color-bg-fill-brand: #98544b;
--al-color-bg-fill-brand-hovered: #8b433b;
--al-color-bg-fill-brand-pressed: #7e322a;
--al-color-bg-fill-brand-selected: #6f211a;
--al-color-text-brand: #7e322a;
--al-color-text-brand-hovered: #6f211a;
--al-color-text-brand-pressed: #5d0c09;
--al-color-text-brand-selected: #400000;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #ac6f67;
--al-color-border-elevated-selected: #b8827a;
--al-color-outline-focused: #ecddda;
--al-color-bg-surface-brand: #460000;
--al-color-bg-surface-brand-hovered: #580504;
--al-color-bg-surface-brand-pressed: #64140f;
--al-color-bg-surface-brand-selected: #64140f;
--al-color-bg-surface-brand-disabled: #390000;
--al-color-bg-surface-brand-elevated: #580504;
--al-color-bg-surface-brand-elevated-hovered: #64140f;
--al-color-bg-surface-brand-elevated-pressed: #6f211a;
--al-color-bg-surface-brand-elevated-selected: #6f211a;
--al-color-bg-surface-brand-elevated-disabled: #460000;
--al-color-bg-fill-brand: #c5968f;
--al-color-bg-fill-brand-hovered: #d2aca6;
--al-color-bg-fill-brand-pressed: #dfc3bf;
--al-color-bg-fill-brand-selected: #ecddda;
--al-color-bg-fill-brand-disabled: #6f211a;
--al-color-text-brand: #c5968f;
--al-color-text-brand-hovered: #d2aca6;
--al-color-text-brand-pressed: #dfc3bf;
--al-color-text-brand-selected: #ecddda;
--al-color-text-brand-disabled: #792c24;
--al-color-text-on-bg-fill-brand: #270000;
--al-color-text-on-bg-fill-brand-hovered: #270000;
--al-color-text-on-bg-fill-brand-pressed: #270000;
--al-color-text-on-bg-fill-brand-selected: #270000;
--al-color-text-on-bg-fill-brand-disabled: #390000;}

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