: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: #dad2c0;
--cb-color-bg-fill-brand-hovered: #ded7c8;
--cb-color-bg-fill-brand-pressed: #e1dbcd;
--cb-color-bg-fill-brand-selected: #e0d9ca;
--cb-color-bg-fill-brand-disabled: #e7e2d7;
--cb-color-text-brand: #dad2c0;
--cb-color-text-brand-hovered: #ddd6c5;
--cb-color-text-brand-pressed: #e1dbcd;
--cb-color-text-brand-selected: #ded7c8;
--cb-color-text-brand-disabled: #e7e2d7;
--cb-color-bg-surface-brand: #fcfbfa;
--cb-color-bg-surface-brand-hovered: #f9f8f5;
--cb-color-bg-surface-brand-pressed: #f6f4f0;
--cb-color-bg-surface-brand-selected: #fbfaf7;
--cb-color-bg-surface-brand-disabled: #fefdfd;
--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: #dad2c0;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #747066;
--cb-color-bg-fill-brand-hovered: #858179;
--cb-color-bg-fill-brand-pressed: #908d85;
--cb-color-bg-fill-brand-selected: #8a877f;
--cb-color-bg-fill-brand-disabled: #a6a49d;
--cb-color-text-brand: #726d64;
--cb-color-text-brand-hovered: #7d7870;
--cb-color-text-brand-pressed: #8e8a83;
--cb-color-text-brand-selected: #837f77;
--cb-color-text-brand-disabled: #a5a29c;
--cb-color-border-selected: #747066;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #bfb8a9;
--cb-color-bg-fill-brand-pressed: #aea89a;
--cb-color-bg-fill-brand-selected: #b7b0a1;
--cb-color-bg-fill-brand-disabled: #8b867b;
--cb-color-text-brand-hovered: #c9c2b1;
--cb-color-text-brand-pressed: #aea89a;
--cb-color-text-brand-selected: #bfb8a9;
--cb-color-text-brand-disabled: #8b867b;
--cb-color-bg-surface-brand: #23221f;
--cb-color-bg-surface-brand-hovered: #34322e;
--cb-color-bg-surface-brand-pressed: #46443e;
--cb-color-bg-surface-brand-selected: #2c2a26;
--cb-color-bg-surface-brand-disabled: #1b1a17;
--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: #41403d;
--cb-color-bg-surface-brand-hovered: #504e49;
--cb-color-bg-surface-brand-pressed: #5f5c56;
--cb-color-bg-surface-brand-selected: #484743;
--cb-color-bg-surface-brand-disabled: #3a3937;}
:root{--al-color-border-selected: #7b766a;
--al-color-border-elevated-selected: #7b766a;
--al-color-outline-focused: #2f2d28;
--al-color-bg-surface-brand: #f3ebdb;
--al-color-bg-surface-brand-hovered: #e4dcca;
--al-color-bg-surface-brand-pressed: #d6cebc;
--al-color-bg-surface-brand-selected: #d6cebc;
--al-color-bg-surface-brand-disabled: #faf3e4;
--al-color-bg-surface-brand-elevated: #f3ebdb;
--al-color-bg-surface-brand-elevated-hovered: #e4dcca;
--al-color-bg-surface-brand-elevated-pressed: #d6cebc;
--al-color-bg-surface-brand-elevated-selected: #d6cebc;
--al-color-bg-surface-brand-elevated-disabled: #faf3e4;
--al-color-bg-fill-brand: #7b766a;
--al-color-bg-fill-brand-hovered: #6c675c;
--al-color-bg-fill-brand-pressed: #5d584f;
--al-color-bg-fill-brand-selected: #4e4a42;
--al-color-bg-fill-brand-disabled: #c9c1b0;
--al-color-text-brand: #6c675c;
--al-color-text-brand-hovered: #5d584f;
--al-color-text-brand-pressed: #4e4a42;
--al-color-text-brand-selected: #3f3c35;
--al-color-text-brand-disabled: #bbb4a3;
--al-color-text-on-bg-fill-brand: #fffcf6;
--al-color-text-on-bg-fill-brand-hovered: #fffcf6;
--al-color-text-on-bg-fill-brand-pressed: #fffcf6;
--al-color-text-on-bg-fill-brand-selected: #fffcf6;
--al-color-text-on-bg-fill-brand-disabled: #faf3e4;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #6c675c;
--al-color-border-elevated-selected: #6c675c;
--al-color-bg-fill-brand: #6c675c;
--al-color-bg-fill-brand-hovered: #5d584f;
--al-color-bg-fill-brand-pressed: #4e4a42;
--al-color-bg-fill-brand-selected: #3f3c35;
--al-color-text-brand: #4e4a42;
--al-color-text-brand-hovered: #3f3c35;
--al-color-text-brand-pressed: #2f2d28;
--al-color-text-brand-selected: #1d1b17;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #847e72;
--al-color-border-elevated-selected: #958f81;
--al-color-outline-focused: #e7dfce;
--al-color-bg-surface-brand: #1f1e1a;
--al-color-bg-surface-brand-hovered: #2b2924;
--al-color-bg-surface-brand-pressed: #35332d;
--al-color-bg-surface-brand-selected: #35332d;
--al-color-bg-surface-brand-disabled: #171612;
--al-color-bg-surface-brand-elevated: #2b2924;
--al-color-bg-surface-brand-elevated-hovered: #35332d;
--al-color-bg-surface-brand-elevated-pressed: #3f3c35;
--al-color-bg-surface-brand-elevated-selected: #3f3c35;
--al-color-bg-surface-brand-elevated-disabled: #1f1e1a;
--al-color-bg-fill-brand: #a8a191;
--al-color-bg-fill-brand-hovered: #bcb4a3;
--al-color-bg-fill-brand-pressed: #d1c9b7;
--al-color-bg-fill-brand-selected: #e7dfce;
--al-color-bg-fill-brand-disabled: #3f3c35;
--al-color-text-brand: #a8a191;
--al-color-text-brand-hovered: #bcb4a3;
--al-color-text-brand-pressed: #d1c9b7;
--al-color-text-brand-selected: #e7dfce;
--al-color-text-brand-disabled: #48453d;
--al-color-text-on-bg-fill-brand: #0f0e0b;
--al-color-text-on-bg-fill-brand-hovered: #0f0e0b;
--al-color-text-on-bg-fill-brand-pressed: #0f0e0b;
--al-color-text-on-bg-fill-brand-selected: #0f0e0b;
--al-color-text-on-bg-fill-brand-disabled: #171612;}

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