: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: #b4512f;
--cb-color-bg-fill-brand-hovered: #bd6648;
--cb-color-bg-fill-brand-pressed: #c37459;
--cb-color-bg-fill-brand-selected: #c06d50;
--cb-color-bg-fill-brand-disabled: #cf907a;
--cb-color-text-brand: #b4512f;
--cb-color-text-brand-hovered: #ba5f3f;
--cb-color-text-brand-pressed: #c37459;
--cb-color-text-brand-selected: #bd6648;
--cb-color-text-brand-disabled: #cf907a;
--cb-color-bg-surface-brand: #f9f1ef;
--cb-color-bg-surface-brand-hovered: #f3e3de;
--cb-color-bg-surface-brand-pressed: #edd5cd;
--cb-color-bg-surface-brand-selected: #f6eae6;
--cb-color-bg-surface-brand-disabled: #fcf8f7;
--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: #b4512f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #9e4729;
--cb-color-bg-fill-brand-pressed: #904126;
--cb-color-bg-fill-brand-selected: #974427;
--cb-color-bg-fill-brand-disabled: #73341e;
--cb-color-text-brand-hovered: #a64b2b;
--cb-color-text-brand-pressed: #904126;
--cb-color-text-brand-selected: #9e4729;
--cb-color-text-brand-disabled: #73341e;
--cb-color-bg-surface-brand: #1d0d08;
--cb-color-bg-surface-brand-hovered: #2b130b;
--cb-color-bg-surface-brand-pressed: #3a1a0f;
--cb-color-bg-surface-brand-selected: #241009;
--cb-color-bg-surface-brand-disabled: #160a06;
--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: #3b2b26;
--cb-color-bg-surface-brand-hovered: #462f27;
--cb-color-bg-surface-brand-pressed: #523228;
--cb-color-bg-surface-brand-selected: #412d26;
--cb-color-bg-surface-brand-disabled: #362925;}
:root{--al-color-border-selected: #bd5938;
--al-color-border-elevated-selected: #bd5938;
--al-color-outline-focused: #551903;
--al-color-bg-surface-brand: #fae7e1;
--al-color-bg-surface-brand-hovered: #f8d6cb;
--al-color-bg-surface-brand-pressed: #f4c4b4;
--al-color-bg-surface-brand-selected: #f4c4b4;
--al-color-bg-surface-brand-disabled: #fcf2ef;
--al-color-bg-surface-brand-elevated: #fae7e1;
--al-color-bg-surface-brand-elevated-hovered: #f8d6cb;
--al-color-bg-surface-brand-elevated-pressed: #f4c4b4;
--al-color-bg-surface-brand-elevated-selected: #f4c4b4;
--al-color-bg-surface-brand-elevated-disabled: #fcf2ef;
--al-color-bg-fill-brand: #bd5938;
--al-color-bg-fill-brand-hovered: #ab4928;
--al-color-bg-fill-brand-pressed: #973c1b;
--al-color-bg-fill-brand-selected: #832f10;
--al-color-bg-fill-brand-disabled: #efb4a0;
--al-color-text-brand: #ab4928;
--al-color-text-brand-hovered: #973c1b;
--al-color-text-brand-pressed: #832f10;
--al-color-text-brand-selected: #6d2408;
--al-color-text-brand-disabled: #eaa48d;
--al-color-text-on-bg-fill-brand: #fefbf9;
--al-color-text-on-bg-fill-brand-hovered: #fefbf9;
--al-color-text-on-bg-fill-brand-pressed: #fefbf9;
--al-color-text-on-bg-fill-brand-selected: #fefbf9;
--al-color-text-on-bg-fill-brand-disabled: #fcf2ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ab4928;
--al-color-border-elevated-selected: #ab4928;
--al-color-bg-fill-brand: #ab4928;
--al-color-bg-fill-brand-hovered: #973c1b;
--al-color-bg-fill-brand-pressed: #832f10;
--al-color-bg-fill-brand-selected: #6d2408;
--al-color-text-brand: #832f10;
--al-color-text-brand-hovered: #6d2408;
--al-color-text-brand-pressed: #551903;
--al-color-text-brand-selected: #370d01;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #c56242;
--al-color-border-elevated-selected: #d37658;
--al-color-outline-focused: #f8dad1;
--al-color-bg-surface-brand: #3b0e01;
--al-color-bg-surface-brand-hovered: #4e1602;
--al-color-bg-surface-brand-pressed: #5e1d04;
--al-color-bg-surface-brand-selected: #5e1d04;
--al-color-bg-surface-brand-disabled: #300a01;
--al-color-bg-surface-brand-elevated: #4e1602;
--al-color-bg-surface-brand-elevated-hovered: #5e1d04;
--al-color-bg-surface-brand-elevated-pressed: #6d2408;
--al-color-bg-surface-brand-elevated-selected: #6d2408;
--al-color-bg-surface-brand-elevated-disabled: #3b0e01;
--al-color-bg-fill-brand: #df8c71;
--al-color-bg-fill-brand-hovered: #eaa48d;
--al-color-bg-fill-brand-pressed: #f2beac;
--al-color-bg-fill-brand-selected: #f8dad1;
--al-color-bg-fill-brand-disabled: #6d2408;
--al-color-text-brand: #df8c71;
--al-color-text-brand-hovered: #eaa48d;
--al-color-text-brand-pressed: #f2beac;
--al-color-text-brand-selected: #f8dad1;
--al-color-text-brand-disabled: #7b2b0d;
--al-color-text-on-bg-fill-brand: #200500;
--al-color-text-on-bg-fill-brand-hovered: #200500;
--al-color-text-on-bg-fill-brand-pressed: #200500;
--al-color-text-on-bg-fill-brand-selected: #200500;
--al-color-text-on-bg-fill-brand-disabled: #300a01;}

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