: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: #95310f;
--cb-color-bg-fill-brand-hovered: #a24a2c;
--cb-color-bg-fill-brand-pressed: #aa5a3f;
--cb-color-bg-fill-brand-selected: #a65236;
--cb-color-bg-fill-brand-disabled: #bb7b66;
--cb-color-text-brand: #95310f;
--cb-color-text-brand-hovered: #9d4122;
--cb-color-text-brand-pressed: #aa5a3f;
--cb-color-text-brand-selected: #a24a2c;
--cb-color-text-brand-disabled: #bb7b66;
--cb-color-bg-surface-brand: #f7efec;
--cb-color-bg-surface-brand-hovered: #eeded8;
--cb-color-bg-surface-brand-pressed: #e6cec6;
--cb-color-bg-surface-brand-selected: #f2e6e2;
--cb-color-bg-surface-brand-disabled: #fbf7f6;
--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: #95310f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #832b0d;
--cb-color-bg-fill-brand-pressed: #77270c;
--cb-color-bg-fill-brand-selected: #7d290d;
--cb-color-bg-fill-brand-disabled: #5f1f0a;
--cb-color-text-brand-hovered: #892d0e;
--cb-color-text-brand-pressed: #77270c;
--cb-color-text-brand-selected: #832b0d;
--cb-color-text-brand-disabled: #5f1f0a;
--cb-color-bg-surface-brand: #180802;
--cb-color-bg-surface-brand-hovered: #240c04;
--cb-color-bg-surface-brand-pressed: #301005;
--cb-color-bg-surface-brand-selected: #1e0a03;
--cb-color-bg-surface-brand-disabled: #120602;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #362621;
--cb-color-bg-surface-brand-hovered: #3f271f;
--cb-color-bg-surface-brand-pressed: #48281d;
--cb-color-bg-surface-brand-selected: #3b2720;
--cb-color-bg-surface-brand-disabled: #322621;}
:root{--al-color-border-selected: #b85c41;
--al-color-border-elevated-selected: #b85c41;
--al-color-outline-focused: #5d0c00;
--al-color-bg-surface-brand: #f8e9e4;
--al-color-bg-surface-brand-hovered: #f2d7cf;
--al-color-bg-surface-brand-pressed: #ecc6ba;
--al-color-bg-surface-brand-selected: #ecc6ba;
--al-color-bg-surface-brand-disabled: #faf1ef;
--al-color-bg-surface-brand-elevated: #f8e9e4;
--al-color-bg-surface-brand-elevated-hovered: #f2d7cf;
--al-color-bg-surface-brand-elevated-pressed: #ecc6ba;
--al-color-bg-surface-brand-elevated-selected: #ecc6ba;
--al-color-bg-surface-brand-elevated-disabled: #faf1ef;
--al-color-bg-fill-brand: #b85c41;
--al-color-bg-fill-brand-hovered: #ab492c;
--al-color-bg-fill-brand-pressed: #9b3717;
--al-color-bg-fill-brand-selected: #8a2802;
--al-color-bg-fill-brand-disabled: #e7b7a8;
--al-color-text-brand: #ab492c;
--al-color-text-brand-hovered: #9b3717;
--al-color-text-brand-pressed: #8a2802;
--al-color-text-brand-selected: #761900;
--al-color-text-brand-disabled: #e1a796;
--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: #faf1ef;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #ab492c;
--al-color-border-elevated-selected: #ab492c;
--al-color-bg-fill-brand: #ab492c;
--al-color-bg-fill-brand-hovered: #9b3717;
--al-color-bg-fill-brand-pressed: #8a2802;
--al-color-bg-fill-brand-selected: #761900;
--al-color-text-brand: #8a2802;
--al-color-text-brand-hovered: #761900;
--al-color-text-brand-pressed: #5d0c00;
--al-color-text-brand-selected: #3e0300;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #bf664c;
--al-color-border-elevated-selected: #cb7a63;
--al-color-outline-focused: #f4dbd4;
--al-color-bg-surface-brand: #430400;
--al-color-bg-surface-brand-hovered: #570900;
--al-color-bg-surface-brand-pressed: #661100;
--al-color-bg-surface-brand-selected: #661100;
--al-color-bg-surface-brand-disabled: #350200;
--al-color-bg-surface-brand-elevated: #570900;
--al-color-bg-surface-brand-elevated-hovered: #661100;
--al-color-bg-surface-brand-elevated-pressed: #761a00;
--al-color-bg-surface-brand-elevated-selected: #761a00;
--al-color-bg-surface-brand-elevated-disabled: #430400;
--al-color-bg-fill-brand: #d6907c;
--al-color-bg-fill-brand-hovered: #e1a796;
--al-color-bg-fill-brand-pressed: #ebc0b4;
--al-color-bg-fill-brand-selected: #f4dbd4;
--al-color-bg-fill-brand-disabled: #761a00;
--al-color-text-brand: #d6907c;
--al-color-text-brand-hovered: #e1a796;
--al-color-text-brand-pressed: #ebc0b4;
--al-color-text-brand-selected: #f4dbd4;
--al-color-text-brand-disabled: #832200;
--al-color-text-on-bg-fill-brand: #230100;
--al-color-text-on-bg-fill-brand-hovered: #230100;
--al-color-text-on-bg-fill-brand-pressed: #230100;
--al-color-text-on-bg-fill-brand-selected: #230100;
--al-color-text-on-bg-fill-brand-disabled: #350200;}

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