: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: #d9cda0;
--cb-color-bg-fill-brand-hovered: #ded3ac;
--cb-color-bg-fill-brand-pressed: #e1d7b3;
--cb-color-bg-fill-brand-selected: #dfd5af;
--cb-color-bg-fill-brand-disabled: #e7dfc2;
--cb-color-text-brand: #d9cda0;
--cb-color-text-brand-hovered: #dcd1a7;
--cb-color-text-brand-pressed: #e1d7b3;
--cb-color-text-brand-selected: #ded3ac;
--cb-color-text-brand-disabled: #e7dfc2;
--cb-color-bg-surface-brand: #fcfbf8;
--cb-color-bg-surface-brand-hovered: #f9f7f0;
--cb-color-bg-surface-brand-pressed: #f6f3e8;
--cb-color-bg-surface-brand-selected: #faf9f3;
--cb-color-bg-surface-brand-disabled: #fefdfb;
--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: #d9cda0;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #777058;
--cb-color-bg-fill-brand-hovered: #88816c;
--cb-color-bg-fill-brand-pressed: #928d79;
--cb-color-bg-fill-brand-selected: #8d8773;
--cb-color-bg-fill-brand-disabled: #a8a494;
--cb-color-text-brand: #746e56;
--cb-color-text-brand-hovered: #7f7963;
--cb-color-text-brand-pressed: #908b78;
--cb-color-text-brand-selected: #85806b;
--cb-color-text-brand-disabled: #a6a293;
--cb-color-border-selected: #777058;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #bfb48d;
--cb-color-bg-fill-brand-pressed: #aea480;
--cb-color-bg-fill-brand-selected: #b6ac86;
--cb-color-bg-fill-brand-disabled: #8b8366;
--cb-color-text-brand-hovered: #c8bd93;
--cb-color-text-brand-pressed: #aea480;
--cb-color-text-brand-selected: #bfb48d;
--cb-color-text-brand-disabled: #8b8366;
--cb-color-bg-surface-brand: #23211a;
--cb-color-bg-surface-brand-hovered: #343126;
--cb-color-bg-surface-brand-pressed: #464233;
--cb-color-bg-surface-brand-selected: #2b2920;
--cb-color-bg-surface-brand-disabled: #1a1913;
--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: #413f38;
--cb-color-bg-surface-brand-hovered: #4f4c42;
--cb-color-bg-surface-brand-pressed: #5e5a4c;
--cb-color-bg-surface-brand-selected: #48463d;
--cb-color-bg-surface-brand-disabled: #3a3933;}
:root{--al-color-border-selected: #7f7657;
--al-color-border-elevated-selected: #7f7657;
--al-color-outline-focused: #312d1f;
--al-color-bg-surface-brand: #f7ecc6;
--al-color-bg-surface-brand-hovered: #e8dcb0;
--al-color-bg-surface-brand-pressed: #dbcfa2;
--al-color-bg-surface-brand-selected: #dbcfa2;
--al-color-bg-surface-brand-disabled: #fcf3d3;
--al-color-bg-surface-brand-elevated: #f7ecc6;
--al-color-bg-surface-brand-elevated-hovered: #e8dcb0;
--al-color-bg-surface-brand-elevated-pressed: #dbcfa2;
--al-color-bg-surface-brand-elevated-selected: #dbcfa2;
--al-color-bg-surface-brand-elevated-disabled: #fcf3d3;
--al-color-bg-fill-brand: #7f7657;
--al-color-bg-fill-brand-hovered: #6f674c;
--al-color-bg-fill-brand-pressed: #5f5840;
--al-color-bg-fill-brand-selected: #504a35;
--al-color-bg-fill-brand-disabled: #cdc195;
--al-color-text-brand: #6f674c;
--al-color-text-brand-hovered: #5f5840;
--al-color-text-brand-pressed: #504a35;
--al-color-text-brand-selected: #413c2b;
--al-color-text-brand-disabled: #c0b58a;
--al-color-text-on-bg-fill-brand: #fefdf8;
--al-color-text-on-bg-fill-brand-hovered: #fefdf8;
--al-color-text-on-bg-fill-brand-pressed: #fefdf8;
--al-color-text-on-bg-fill-brand-selected: #fefdf8;
--al-color-text-on-bg-fill-brand-disabled: #fcf3d3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6f674c;
--al-color-border-elevated-selected: #6f674c;
--al-color-bg-fill-brand: #6f674c;
--al-color-bg-fill-brand-hovered: #5f5840;
--al-color-bg-fill-brand-pressed: #504a35;
--al-color-bg-fill-brand-selected: #413c2b;
--al-color-text-brand: #504a35;
--al-color-text-brand-hovered: #413c2b;
--al-color-text-brand-pressed: #312d1f;
--al-color-text-brand-selected: #1e1b12;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #877f5e;
--al-color-border-elevated-selected: #998f6b;
--al-color-outline-focused: #ece0b5;
--al-color-bg-surface-brand: #201d13;
--al-color-bg-surface-brand-hovered: #2d291c;
--al-color-bg-surface-brand-pressed: #373323;
--al-color-bg-surface-brand-selected: #373323;
--al-color-bg-surface-brand-disabled: #19160e;
--al-color-bg-surface-brand-elevated: #2d291c;
--al-color-bg-surface-brand-elevated-hovered: #373323;
--al-color-bg-surface-brand-elevated-pressed: #413c2b;
--al-color-bg-surface-brand-elevated-selected: #413c2b;
--al-color-bg-surface-brand-elevated-disabled: #201d13;
--al-color-bg-fill-brand: #aca17a;
--al-color-bg-fill-brand-hovered: #c0b48a;
--al-color-bg-fill-brand-pressed: #d5c99d;
--al-color-bg-fill-brand-selected: #ece0b5;
--al-color-bg-fill-brand-disabled: #413c2b;
--al-color-text-brand: #aca17a;
--al-color-text-brand-hovered: #c0b48a;
--al-color-text-brand-pressed: #d5c99d;
--al-color-text-brand-selected: #ece0b5;
--al-color-text-brand-disabled: #4a4531;
--al-color-text-on-bg-fill-brand: #0e0d07;
--al-color-text-on-bg-fill-brand-hovered: #0e0d07;
--al-color-text-on-bg-fill-brand-pressed: #0e0d07;
--al-color-text-on-bg-fill-brand-selected: #0e0d07;
--al-color-text-on-bg-fill-brand-disabled: #19160e;}

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