: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: #f5eadf;
--cb-color-bg-fill-brand-hovered: #f6ede3;
--cb-color-bg-fill-brand-pressed: #f7eee5;
--cb-color-bg-fill-brand-selected: #f7ede4;
--cb-color-bg-fill-brand-disabled: #f9f2eb;
--cb-color-text-brand: #f5eadf;
--cb-color-text-brand-hovered: #f6ece2;
--cb-color-text-brand-pressed: #f7eee5;
--cb-color-text-brand-selected: #f6ede3;
--cb-color-text-brand-disabled: #f9f2eb;
--cb-color-bg-surface-brand: #fefdfc;
--cb-color-bg-surface-brand-hovered: #fdfcfa;
--cb-color-bg-surface-brand-pressed: #fdfaf7;
--cb-color-bg-surface-brand-selected: #fefcfb;
--cb-color-bg-surface-brand-disabled: #fffefe;
--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: #f5eadf;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #736e68;
--cb-color-bg-fill-brand-hovered: #84807a;
--cb-color-bg-fill-brand-pressed: #8f8b86;
--cb-color-bg-fill-brand-selected: #8a8580;
--cb-color-bg-fill-brand-disabled: #a6a29e;
--cb-color-text-brand: #726c67;
--cb-color-text-brand-hovered: #7d7873;
--cb-color-text-brand-pressed: #8e8985;
--cb-color-text-brand-selected: #837e79;
--cb-color-text-brand-disabled: #a5a19e;
--cb-color-border-selected: #736e68;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #d7cec4;
--cb-color-bg-fill-brand-pressed: #c4bbb2;
--cb-color-bg-fill-brand-selected: #cec4bb;
--cb-color-bg-fill-brand-disabled: #9d968f;
--cb-color-text-brand-hovered: #e2d8ce;
--cb-color-text-brand-pressed: #c4bbb2;
--cb-color-text-brand-selected: #d7cec4;
--cb-color-text-brand-disabled: #9d968f;
--cb-color-bg-surface-brand: #272624;
--cb-color-bg-surface-brand-hovered: #3b3835;
--cb-color-bg-surface-brand-pressed: #4f4b48;
--cb-color-bg-surface-brand-selected: #312f2d;
--cb-color-bg-surface-brand-disabled: #1e1c1b;
--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: #464442;
--cb-color-bg-surface-brand-hovered: #565351;
--cb-color-bg-surface-brand-pressed: #676460;
--cb-color-bg-surface-brand-selected: #4e4c49;
--cb-color-bg-surface-brand-disabled: #3d3c3b;}
:root{--al-color-border-selected: #7c756f;
--al-color-border-elevated-selected: #7c756f;
--al-color-outline-focused: #2f2c29;
--al-color-bg-surface-brand: #f5eadf;
--al-color-bg-surface-brand-hovered: #e6dbd0;
--al-color-bg-surface-brand-pressed: #d7cdc3;
--al-color-bg-surface-brand-selected: #d7cdc3;
--al-color-bg-surface-brand-disabled: #fcf1e6;
--al-color-bg-surface-brand-elevated: #f5eadf;
--al-color-bg-surface-brand-elevated-hovered: #e6dbd0;
--al-color-bg-surface-brand-elevated-pressed: #d7cdc3;
--al-color-bg-surface-brand-elevated-selected: #d7cdc3;
--al-color-bg-surface-brand-elevated-disabled: #fcf1e6;
--al-color-bg-fill-brand: #7c756f;
--al-color-bg-fill-brand-hovered: #6c6661;
--al-color-bg-fill-brand-pressed: #5d5852;
--al-color-bg-fill-brand-selected: #4e4945;
--al-color-bg-fill-brand-disabled: #c9c0b6;
--al-color-text-brand: #6c6661;
--al-color-text-brand-hovered: #5d5852;
--al-color-text-brand-pressed: #4e4945;
--al-color-text-brand-selected: #3f3b38;
--al-color-text-brand-disabled: #bcb3aa;
--al-color-text-on-bg-fill-brand: #fffdf3;
--al-color-text-on-bg-fill-brand-hovered: #fffdf3;
--al-color-text-on-bg-fill-brand-pressed: #fffdf3;
--al-color-text-on-bg-fill-brand-selected: #fffdf3;
--al-color-text-on-bg-fill-brand-disabled: #fcf1e6;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6c6661;
--al-color-border-elevated-selected: #6c6661;
--al-color-bg-fill-brand: #6c6661;
--al-color-bg-fill-brand-hovered: #5d5852;
--al-color-bg-fill-brand-pressed: #4e4945;
--al-color-bg-fill-brand-selected: #3f3b38;
--al-color-text-brand: #4e4945;
--al-color-text-brand-hovered: #3f3b38;
--al-color-text-brand-pressed: #2f2c29;
--al-color-text-brand-selected: #1d1a18;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #847e77;
--al-color-border-elevated-selected: #968e87;
--al-color-outline-focused: #e9ded4;
--al-color-bg-surface-brand: #201e1c;
--al-color-bg-surface-brand-hovered: #2c2927;
--al-color-bg-surface-brand-pressed: #35322f;
--al-color-bg-surface-brand-selected: #35322f;
--al-color-bg-surface-brand-disabled: #181615;
--al-color-bg-surface-brand-elevated: #2c2927;
--al-color-bg-surface-brand-elevated-hovered: #35322f;
--al-color-bg-surface-brand-elevated-pressed: #403c38;
--al-color-bg-surface-brand-elevated-selected: #403c38;
--al-color-bg-surface-brand-elevated-disabled: #201e1c;
--al-color-bg-fill-brand: #a9a098;
--al-color-bg-fill-brand-hovered: #bdb3aa;
--al-color-bg-fill-brand-pressed: #d2c8be;
--al-color-bg-fill-brand-selected: #e9ded4;
--al-color-bg-fill-brand-disabled: #403c38;
--al-color-text-brand: #a9a098;
--al-color-text-brand-hovered: #bdb3aa;
--al-color-text-brand-pressed: #d2c8be;
--al-color-text-brand-selected: #e9ded4;
--al-color-text-brand-disabled: #494440;
--al-color-text-on-bg-fill-brand: #0f0e0c;
--al-color-text-on-bg-fill-brand-hovered: #0f0e0c;
--al-color-text-on-bg-fill-brand-pressed: #0f0e0c;
--al-color-text-on-bg-fill-brand-selected: #0f0e0c;
--al-color-text-on-bg-fill-brand-disabled: #181615;}

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