: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: #c8a397;
--cb-color-bg-fill-brand-hovered: #cfaea4;
--cb-color-bg-fill-brand-pressed: #d3b5ac;
--cb-color-bg-fill-brand-selected: #d1b2a8;
--cb-color-bg-fill-brand-disabled: #dcc4bd;
--cb-color-text-brand: #c8a397;
--cb-color-text-brand-hovered: #ccaa9f;
--cb-color-text-brand-pressed: #d3b5ac;
--cb-color-text-brand-selected: #cfaea4;
--cb-color-text-brand-disabled: #dcc4bd;
--cb-color-bg-surface-brand: #fbf8f7;
--cb-color-bg-surface-brand-hovered: #f6f0ee;
--cb-color-bg-surface-brand-pressed: #f2e9e6;
--cb-color-bg-surface-brand-selected: #f8f4f2;
--cb-color-bg-surface-brand-disabled: #fdfbfb;
--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: #c8a397;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #866d65;
--cb-color-bg-fill-brand-hovered: #957f78;
--cb-color-bg-fill-brand-pressed: #9e8a84;
--cb-color-bg-fill-brand-selected: #99847e;
--cb-color-bg-fill-brand-disabled: #b2a29d;
--cb-color-text-brand: #826a62;
--cb-color-text-brand-hovered: #8c766e;
--cb-color-text-brand-pressed: #9b8881;
--cb-color-text-brand-selected: #917c75;
--cb-color-text-brand-disabled: #afa09b;
--cb-color-border-selected: #866d65;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #b08f85;
--cb-color-bg-fill-brand-pressed: #a08279;
--cb-color-bg-fill-brand-selected: #a8897f;
--cb-color-bg-fill-brand-disabled: #806861;
--cb-color-text-brand-hovered: #b8968b;
--cb-color-text-brand-pressed: #a08279;
--cb-color-text-brand-selected: #b08f85;
--cb-color-text-brand-disabled: #806861;
--cb-color-bg-surface-brand: #201a18;
--cb-color-bg-surface-brand-hovered: #302724;
--cb-color-bg-surface-brand-pressed: #403431;
--cb-color-bg-surface-brand-selected: #28211e;
--cb-color-bg-surface-brand-disabled: #181412;
--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: #3e3836;
--cb-color-bg-surface-brand-hovered: #4b4240;
--cb-color-bg-surface-brand-pressed: #594d49;
--cb-color-bg-surface-brand-selected: #453d3b;
--cb-color-bg-surface-brand-disabled: #383332;}
:root{--al-color-border-selected: #8d7066;
--al-color-border-elevated-selected: #8d7066;
--al-color-outline-focused: #382a26;
--al-color-bg-surface-brand: #f8e8e2;
--al-color-bg-surface-brand-hovered: #f1d7ce;
--al-color-bg-surface-brand-pressed: #e8c7bd;
--al-color-bg-surface-brand-selected: #e8c7bd;
--al-color-bg-surface-brand-disabled: #fbf1ee;
--al-color-bg-surface-brand-elevated: #f8e8e2;
--al-color-bg-surface-brand-elevated-hovered: #f1d7ce;
--al-color-bg-surface-brand-elevated-pressed: #e8c7bd;
--al-color-bg-surface-brand-elevated-selected: #e8c7bd;
--al-color-bg-surface-brand-elevated-disabled: #fbf1ee;
--al-color-bg-fill-brand: #8d7066;
--al-color-bg-fill-brand-hovered: #7c6159;
--al-color-bg-fill-brand-pressed: #6b534c;
--al-color-bg-fill-brand-selected: #5a463f;
--al-color-bg-fill-brand-disabled: #debaae;
--al-color-text-brand: #7c6159;
--al-color-text-brand-hovered: #6b534c;
--al-color-text-brand-pressed: #5a463f;
--al-color-text-brand-selected: #4a3833;
--al-color-text-brand-disabled: #d2aca0;
--al-color-text-on-bg-fill-brand: #fdfbfb;
--al-color-text-on-bg-fill-brand-hovered: #fdfbfb;
--al-color-text-on-bg-fill-brand-pressed: #fdfbfb;
--al-color-text-on-bg-fill-brand-selected: #fdfbfb;
--al-color-text-on-bg-fill-brand-disabled: #fbf1ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #7c6159;
--al-color-border-elevated-selected: #7c6159;
--al-color-bg-fill-brand: #7c6159;
--al-color-bg-fill-brand-hovered: #6b534c;
--al-color-bg-fill-brand-pressed: #5a463f;
--al-color-bg-fill-brand-selected: #4a3833;
--al-color-text-brand: #5a463f;
--al-color-text-brand-hovered: #4a3833;
--al-color-text-brand-pressed: #382a26;
--al-color-text-brand-selected: #221916;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #97786e;
--al-color-border-elevated-selected: #aa887d;
--al-color-outline-focused: #f4dbd4;
--al-color-bg-surface-brand: #251b18;
--al-color-bg-surface-brand-hovered: #332622;
--al-color-bg-surface-brand-pressed: #3f2f2a;
--al-color-bg-surface-brand-selected: #3f2f2a;
--al-color-bg-surface-brand-disabled: #1d1512;
--al-color-bg-surface-brand-elevated: #332622;
--al-color-bg-surface-brand-elevated-hovered: #3f2f2a;
--al-color-bg-surface-brand-elevated-pressed: #4a3933;
--al-color-bg-surface-brand-elevated-selected: #4a3933;
--al-color-bg-surface-brand-elevated-disabled: #251b18;
--al-color-bg-fill-brand: #be998e;
--al-color-bg-fill-brand-hovered: #d2aca0;
--al-color-bg-fill-brand-pressed: #e4c2b7;
--al-color-bg-fill-brand-selected: #f4dbd4;
--al-color-bg-fill-brand-disabled: #4a3933;
--al-color-text-brand: #be998e;
--al-color-text-brand-hovered: #d2aca0;
--al-color-text-brand-pressed: #e4c2b7;
--al-color-text-brand-selected: #f4dbd4;
--al-color-text-brand-disabled: #54413a;
--al-color-text-on-bg-fill-brand: #110b09;
--al-color-text-on-bg-fill-brand-hovered: #110b09;
--al-color-text-on-bg-fill-brand-pressed: #110b09;
--al-color-text-on-bg-fill-brand-selected: #110b09;
--al-color-text-on-bg-fill-brand-disabled: #1d1512;}

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