: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: #d49859;
--cb-color-bg-fill-brand-hovered: #d9a56d;
--cb-color-bg-fill-brand-pressed: #ddad7a;
--cb-color-bg-fill-brand-selected: #dba974;
--cb-color-bg-fill-brand-disabled: #e4bd95;
--cb-color-text-brand: #d49859;
--cb-color-text-brand-hovered: #d7a066;
--cb-color-text-brand-pressed: #ddad7a;
--cb-color-text-brand-selected: #d9a56d;
--cb-color-text-brand-disabled: #e4bd95;
--cb-color-bg-surface-brand: #fcf7f2;
--cb-color-bg-surface-brand-hovered: #f8eee4;
--cb-color-bg-surface-brand-pressed: #f5e6d7;
--cb-color-bg-surface-brand-selected: #faf2eb;
--cb-color-bg-surface-brand-disabled: #fdfbf8;
--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: #d49859;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #956b3f;
--cb-color-bg-fill-brand-hovered: #a27d56;
--cb-color-bg-fill-brand-pressed: #aa8965;
--cb-color-bg-fill-brand-selected: #a6835e;
--cb-color-bg-fill-brand-disabled: #bba084;
--cb-color-text-brand: #8f673c;
--cb-color-text-brand-hovered: #98734b;
--cb-color-text-brand-pressed: #a58563;
--cb-color-text-brand-selected: #9d7954;
--cb-color-text-brand-disabled: #b79e82;
--cb-color-border-selected: #956b3f;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #ba864e;
--cb-color-bg-fill-brand-pressed: #aa7a47;
--cb-color-bg-fill-brand-selected: #b2804b;
--cb-color-bg-fill-brand-disabled: #886139;
--cb-color-text-brand-hovered: #c38c52;
--cb-color-text-brand-pressed: #aa7a47;
--cb-color-text-brand-selected: #ba864e;
--cb-color-text-brand-disabled: #886139;
--cb-color-bg-surface-brand: #22180e;
--cb-color-bg-surface-brand-hovered: #332415;
--cb-color-bg-surface-brand-pressed: #44311d;
--cb-color-bg-surface-brand-selected: #2a1e12;
--cb-color-bg-surface-brand-disabled: #1a120b;
--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: #40372d;
--cb-color-bg-surface-brand-hovered: #4e4031;
--cb-color-bg-surface-brand-pressed: #5d4935;
--cb-color-bg-surface-brand-selected: #473b2f;
--cb-color-bg-surface-brand-disabled: #39322a;}
:root{--al-color-border-selected: #9e6c36;
--al-color-border-elevated-selected: #9e6c36;
--al-color-outline-focused: #3f280e;
--al-color-bg-surface-brand: #fee8d2;
--al-color-bg-surface-brand-hovered: #fcd6b0;
--al-color-bg-surface-brand-pressed: #f7c695;
--al-color-bg-surface-brand-selected: #f7c695;
--al-color-bg-surface-brand-disabled: #fef1e4;
--al-color-bg-surface-brand-elevated: #fee8d2;
--al-color-bg-surface-brand-elevated-hovered: #fcd6b0;
--al-color-bg-surface-brand-elevated-pressed: #f7c695;
--al-color-bg-surface-brand-elevated-selected: #f7c695;
--al-color-bg-surface-brand-elevated-disabled: #fef1e4;
--al-color-bg-fill-brand: #9e6c36;
--al-color-bg-fill-brand-hovered: #8b5d2c;
--al-color-bg-fill-brand-pressed: #785024;
--al-color-bg-fill-brand-selected: #66431c;
--al-color-bg-fill-brand-disabled: #efb77f;
--al-color-text-brand: #8b5d2c;
--al-color-text-brand-hovered: #785024;
--al-color-text-brand-pressed: #66431c;
--al-color-text-brand-selected: #533615;
--al-color-text-brand-disabled: #e4a96c;
--al-color-text-on-bg-fill-brand: #fefbf8;
--al-color-text-on-bg-fill-brand-hovered: #fefbf8;
--al-color-text-on-bg-fill-brand-pressed: #fefbf8;
--al-color-text-on-bg-fill-brand-selected: #fefbf8;
--al-color-text-on-bg-fill-brand-disabled: #fef1e4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #8b5d2c;
--al-color-border-elevated-selected: #8b5d2c;
--al-color-bg-fill-brand: #8b5d2c;
--al-color-bg-fill-brand-hovered: #785024;
--al-color-bg-fill-brand-pressed: #66431c;
--al-color-bg-fill-brand-selected: #533615;
--al-color-text-brand: #66431c;
--al-color-text-brand-hovered: #533615;
--al-color-text-brand-pressed: #3f280e;
--al-color-text-brand-selected: #281706;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #a8743b;
--al-color-border-elevated-selected: #bc8447;
--al-color-outline-focused: #fddab9;
--al-color-bg-surface-brand: #2c1a07;
--al-color-bg-surface-brand-hovered: #3a240c;
--al-color-bg-surface-brand-pressed: #472d10;
--al-color-bg-surface-brand-selected: #472d10;
--al-color-bg-surface-brand-disabled: #231405;
--al-color-bg-surface-brand-elevated: #3a240c;
--al-color-bg-surface-brand-elevated-hovered: #472d10;
--al-color-bg-surface-brand-elevated-pressed: #533615;
--al-color-bg-surface-brand-elevated-selected: #533615;
--al-color-bg-surface-brand-elevated-disabled: #2c1a07;
--al-color-bg-fill-brand: #d19556;
--al-color-bg-fill-brand-hovered: #e4a96c;
--al-color-bg-fill-brand-pressed: #f4bf8b;
--al-color-bg-fill-brand-selected: #fddab9;
--al-color-bg-fill-brand-disabled: #533615;
--al-color-text-brand: #d19556;
--al-color-text-brand-hovered: #e4a96c;
--al-color-text-brand-pressed: #f4bf8b;
--al-color-text-brand-selected: #fddab9;
--al-color-text-brand-disabled: #5f3e1a;
--al-color-text-on-bg-fill-brand: #150a02;
--al-color-text-on-bg-fill-brand-hovered: #150a02;
--al-color-text-on-bg-fill-brand-pressed: #150a02;
--al-color-text-on-bg-fill-brand-selected: #150a02;
--al-color-text-on-bg-fill-brand-disabled: #231405;}

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