: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: #f79555;
--cb-color-bg-fill-brand-hovered: #f8a26a;
--cb-color-bg-fill-brand-pressed: #f9aa77;
--cb-color-bg-fill-brand-selected: #f8a670;
--cb-color-bg-fill-brand-disabled: #fabb92;
--cb-color-text-brand: #f79555;
--cb-color-text-brand-hovered: #f89d62;
--cb-color-text-brand-pressed: #f9aa77;
--cb-color-text-brand-selected: #f8a26a;
--cb-color-text-brand-disabled: #fabb92;
--cb-color-bg-surface-brand: #fef7f2;
--cb-color-bg-surface-brand-hovered: #feeee4;
--cb-color-bg-surface-brand-pressed: #fde6d6;
--cb-color-bg-surface-brand-selected: #fef2ea;
--cb-color-bg-surface-brand-disabled: #fffbf8;
--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: #f79555;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #a36338;
--cb-color-bg-fill-brand-hovered: #ae7650;
--cb-color-bg-fill-brand-pressed: #b58260;
--cb-color-bg-fill-brand-selected: #b27c58;
--cb-color-bg-fill-brand-disabled: #c49b80;
--cb-color-text-brand: #9d5f36;
--cb-color-text-brand-hovered: #a56c46;
--cb-color-text-brand-pressed: #b17f5e;
--cb-color-text-brand-selected: #a9724e;
--cb-color-text-brand-disabled: #c0997f;
--cb-color-border-selected: #a36338;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d9834b;
--cb-color-bg-fill-brand-pressed: #c67744;
--cb-color-bg-fill-brand-selected: #cf7d47;
--cb-color-bg-fill-brand-disabled: #9e5f36;
--cb-color-text-brand-hovered: #e4894e;
--cb-color-text-brand-pressed: #c67744;
--cb-color-text-brand-selected: #d9834b;
--cb-color-text-brand-disabled: #9e5f36;
--cb-color-bg-surface-brand: #28180e;
--cb-color-bg-surface-brand-hovered: #3b2414;
--cb-color-bg-surface-brand-pressed: #4f301b;
--cb-color-bg-surface-brand-selected: #311e11;
--cb-color-bg-surface-brand-disabled: #1e120a;
--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: #46362c;
--cb-color-bg-surface-brand-hovered: #563f30;
--cb-color-bg-surface-brand-pressed: #684834;
--cb-color-bg-surface-brand-selected: #4e3b2e;
--cb-color-bg-surface-brand-disabled: #3e322a;}
:root{--al-color-border-selected: #b1622d;
--al-color-border-elevated-selected: #b1622d;
--al-color-outline-focused: #48230a;
--al-color-bg-surface-brand: #ffe7d2;
--al-color-bg-surface-brand-hovered: #ffd6b0;
--al-color-bg-surface-brand-pressed: #ffc391;
--al-color-bg-surface-brand-selected: #ffc391;
--al-color-bg-surface-brand-disabled: #fff2e7;
--al-color-bg-surface-brand-elevated: #ffe7d2;
--al-color-bg-surface-brand-elevated-hovered: #ffd6b0;
--al-color-bg-surface-brand-elevated-pressed: #ffc391;
--al-color-bg-surface-brand-elevated-selected: #ffc391;
--al-color-bg-surface-brand-elevated-disabled: #fff2e7;
--al-color-bg-fill-brand: #b1622d;
--al-color-bg-fill-brand-hovered: #9b5524;
--al-color-bg-fill-brand-pressed: #87481d;
--al-color-bg-fill-brand-selected: #733c16;
--al-color-bg-fill-brand-disabled: #ffaf74;
--al-color-text-brand: #9b5524;
--al-color-text-brand-hovered: #87481d;
--al-color-text-brand-pressed: #733c16;
--al-color-text-brand-selected: #5e3010;
--al-color-text-brand-disabled: #fe9c5d;
--al-color-text-on-bg-fill-brand: #fffbf7;
--al-color-text-on-bg-fill-brand-hovered: #fffbf7;
--al-color-text-on-bg-fill-brand-pressed: #fffbf7;
--al-color-text-on-bg-fill-brand-selected: #fffbf7;
--al-color-text-on-bg-fill-brand-disabled: #fff2e7;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #9b5524;
--al-color-border-elevated-selected: #9b5524;
--al-color-bg-fill-brand: #9b5524;
--al-color-bg-fill-brand-hovered: #87481d;
--al-color-bg-fill-brand-pressed: #733c16;
--al-color-bg-fill-brand-selected: #5e3010;
--al-color-text-brand: #733c16;
--al-color-text-brand-hovered: #5e3010;
--al-color-text-brand-pressed: #48230a;
--al-color-text-brand-selected: #2e1404;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #bc6931;
--al-color-border-elevated-selected: #d2783c;
--al-color-outline-focused: #ffd9b7;
--al-color-bg-surface-brand: #311605;
--al-color-bg-surface-brand-hovered: #422008;
--al-color-bg-surface-brand-pressed: #50280c;
--al-color-bg-surface-brand-selected: #50280c;
--al-color-bg-surface-brand-disabled: #281103;
--al-color-bg-surface-brand-elevated: #422008;
--al-color-bg-surface-brand-elevated-hovered: #50280c;
--al-color-bg-surface-brand-elevated-pressed: #5f3010;
--al-color-bg-surface-brand-elevated-selected: #5f3010;
--al-color-bg-surface-brand-elevated-disabled: #311605;
--al-color-bg-fill-brand: #e9894a;
--al-color-bg-fill-brand-hovered: #ff9c5d;
--al-color-bg-fill-brand-pressed: #ffbb86;
--al-color-bg-fill-brand-selected: #ffd9b7;
--al-color-bg-fill-brand-disabled: #5f3010;
--al-color-text-brand: #e9894a;
--al-color-text-brand-hovered: #ff9c5d;
--al-color-text-brand-pressed: #ffbb86;
--al-color-text-brand-selected: #ffd9b7;
--al-color-text-brand-disabled: #6b3814;
--al-color-text-on-bg-fill-brand: #1c0a02;
--al-color-text-on-bg-fill-brand-hovered: #1c0a02;
--al-color-text-on-bg-fill-brand-pressed: #1c0a02;
--al-color-text-on-bg-fill-brand-selected: #1c0a02;
--al-color-text-on-bg-fill-brand-disabled: #281103;}

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