: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: #9e5b4a;
--cb-color-bg-fill-brand-hovered: #aa6f60;
--cb-color-bg-fill-brand-pressed: #b17c6e;
--cb-color-bg-fill-brand-selected: #ae7567;
--cb-color-bg-fill-brand-disabled: #c1968b;
--cb-color-text-brand: #9e5b4a;
--cb-color-text-brand-hovered: #a66858;
--cb-color-text-brand-pressed: #b17c6e;
--cb-color-text-brand-selected: #aa6f60;
--cb-color-text-brand-disabled: #c1968b;
--cb-color-bg-surface-brand: #f7f2f1;
--cb-color-bg-surface-brand-hovered: #efe5e2;
--cb-color-bg-surface-brand-pressed: #e8d8d4;
--cb-color-bg-surface-brand-selected: #f3ebe9;
--cb-color-bg-surface-brand-disabled: #fbf9f8;
--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: #9e5b4a;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #8b5041;
--cb-color-bg-fill-brand-pressed: #7e493b;
--cb-color-bg-fill-brand-selected: #854c3e;
--cb-color-bg-fill-brand-disabled: #653a2f;
--cb-color-text-brand-hovered: #925444;
--cb-color-text-brand-pressed: #7e493b;
--cb-color-text-brand-selected: #8b5041;
--cb-color-text-brand-disabled: #653a2f;
--cb-color-bg-surface-brand: #190f0c;
--cb-color-bg-surface-brand-hovered: #261612;
--cb-color-bg-surface-brand-pressed: #331d18;
--cb-color-bg-surface-brand-selected: #20120f;
--cb-color-bg-surface-brand-disabled: #130b09;
--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: #382d2a;
--cb-color-bg-surface-brand-hovered: #41312d;
--cb-color-bg-surface-brand-pressed: #4b3630;
--cb-color-bg-surface-brand-selected: #3c2f2c;
--cb-color-bg-surface-brand-disabled: #332b29;}
:root{--al-color-border-selected: #a86554;
--al-color-border-elevated-selected: #a86554;
--al-color-outline-focused: #492117;
--al-color-bg-surface-brand: #f6eae6;
--al-color-bg-surface-brand-hovered: #efd8d2;
--al-color-bg-surface-brand-pressed: #e8c7be;
--al-color-bg-surface-brand-selected: #e8c7be;
--al-color-bg-surface-brand-disabled: #f9f3f1;
--al-color-bg-surface-brand-elevated: #f6eae6;
--al-color-bg-surface-brand-elevated-hovered: #efd8d2;
--al-color-bg-surface-brand-elevated-pressed: #e8c7be;
--al-color-bg-surface-brand-elevated-selected: #e8c7be;
--al-color-bg-surface-brand-elevated-disabled: #f9f3f1;
--al-color-bg-fill-brand: #a86554;
--al-color-bg-fill-brand-hovered: #985545;
--al-color-bg-fill-brand-pressed: #854738;
--al-color-bg-fill-brand-selected: #723a2c;
--al-color-bg-fill-brand-disabled: #e1b9ae;
--al-color-text-brand: #985545;
--al-color-text-brand-hovered: #854738;
--al-color-text-brand-pressed: #723a2c;
--al-color-text-brand-selected: #5f2e22;
--al-color-text-brand-disabled: #d9aa9e;
--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: #f9f3f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #985545;
--al-color-border-elevated-selected: #985545;
--al-color-bg-fill-brand: #985545;
--al-color-bg-fill-brand-hovered: #854738;
--al-color-bg-fill-brand-pressed: #723a2c;
--al-color-bg-fill-brand-selected: #5f2e22;
--al-color-text-brand: #723a2c;
--al-color-text-brand-hovered: #5f2e22;
--al-color-text-brand-pressed: #492117;
--al-color-text-brand-selected: #2f130c;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #b06e5c;
--al-color-border-elevated-selected: #bf806f;
--al-color-outline-focused: #f0dcd6;
--al-color-bg-surface-brand: #34150e;
--al-color-bg-surface-brand-hovered: #441e15;
--al-color-bg-surface-brand-pressed: #52261b;
--al-color-bg-surface-brand-selected: #52261b;
--al-color-bg-surface-brand-disabled: #290f09;
--al-color-bg-surface-brand-elevated: #441e15;
--al-color-bg-surface-brand-elevated-hovered: #52261b;
--al-color-bg-surface-brand-elevated-pressed: #602e22;
--al-color-bg-surface-brand-elevated-selected: #602e22;
--al-color-bg-surface-brand-elevated-disabled: #34150e;
--al-color-bg-fill-brand: #cd9485;
--al-color-bg-fill-brand-hovered: #d9aa9e;
--al-color-bg-fill-brand-pressed: #e5c2b8;
--al-color-bg-fill-brand-selected: #f0dcd6;
--al-color-bg-fill-brand-disabled: #602e22;
--al-color-text-brand: #cd9485;
--al-color-text-brand-hovered: #d9aa9e;
--al-color-text-brand-pressed: #e5c2b8;
--al-color-text-brand-selected: #f0dcd6;
--al-color-text-brand-disabled: #6c3629;
--al-color-text-on-bg-fill-brand: #1c0905;
--al-color-text-on-bg-fill-brand-hovered: #1c0905;
--al-color-text-on-bg-fill-brand-pressed: #1c0905;
--al-color-text-on-bg-fill-brand-selected: #1c0905;
--al-color-text-on-bg-fill-brand-disabled: #290f09;}

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