: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: #879483;
--cb-color-bg-fill-brand-hovered: #96a192;
--cb-color-bg-fill-brand-pressed: #9fa99c;
--cb-color-bg-fill-brand-selected: #9aa597;
--cb-color-bg-fill-brand-disabled: #b2bbb0;
--cb-color-text-brand: #879483;
--cb-color-text-brand-hovered: #909c8d;
--cb-color-text-brand-pressed: #9fa99c;
--cb-color-text-brand-selected: #96a192;
--cb-color-text-brand-disabled: #b2bbb0;
--cb-color-bg-surface-brand: #f6f7f5;
--cb-color-bg-surface-brand-hovered: #eceeeb;
--cb-color-bg-surface-brand-pressed: #e2e5e1;
--cb-color-bg-surface-brand-selected: #f0f2f0;
--cb-color-bg-surface-brand-disabled: #fafbfa;
--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: #879483;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-bg-fill-brand: #6d786a;
--cb-color-bg-fill-brand-hovered: #7f887c;
--cb-color-bg-fill-brand-pressed: #8a9388;
--cb-color-bg-fill-brand-selected: #848e82;
--cb-color-bg-fill-brand-disabled: #a2a9a0;
--cb-color-text-brand: #687265;
--cb-color-text-brand-hovered: #747d71;
--cb-color-text-brand-pressed: #868e84;
--cb-color-text-brand-selected: #7a8378;
--cb-color-text-brand-disabled: #9ea59d;
--cb-color-border-selected: #6d786a;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #778273;
--cb-color-bg-fill-brand-pressed: #6c7669;
--cb-color-bg-fill-brand-selected: #717c6e;
--cb-color-bg-fill-brand-disabled: #565f54;
--cb-color-text-brand-hovered: #7c8879;
--cb-color-text-brand-pressed: #6c7669;
--cb-color-text-brand-selected: #778273;
--cb-color-text-brand-disabled: #565f54;
--cb-color-bg-surface-brand: #161815;
--cb-color-bg-surface-brand-hovered: #20231f;
--cb-color-bg-surface-brand-pressed: #2b302a;
--cb-color-bg-surface-brand-selected: #1b1e1a;
--cb-color-bg-surface-brand-disabled: #101210;
--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: #343633;
--cb-color-bg-surface-brand-hovered: #3c3f3b;
--cb-color-bg-surface-brand-pressed: #444843;
--cb-color-bg-surface-brand-selected: #383a37;
--cb-color-bg-surface-brand-disabled: #303230;}
:root{--al-color-border-selected: #6e7a6b;
--al-color-border-elevated-selected: #6e7a6b;
--al-color-outline-focused: #292e27;
--al-color-bg-surface-brand: #eaede9;
--al-color-bg-surface-brand-hovered: #d9dfd7;
--al-color-bg-surface-brand-pressed: #c8d1c6;
--al-color-bg-surface-brand-selected: #c8d1c6;
--al-color-bg-surface-brand-disabled: #f2f4f2;
--al-color-bg-surface-brand-elevated: #eaede9;
--al-color-bg-surface-brand-elevated-hovered: #d9dfd7;
--al-color-bg-surface-brand-elevated-pressed: #c8d1c6;
--al-color-bg-surface-brand-elevated-selected: #c8d1c6;
--al-color-bg-surface-brand-elevated-disabled: #f2f4f2;
--al-color-bg-fill-brand: #6e7a6b;
--al-color-bg-fill-brand-hovered: #606a5c;
--al-color-bg-fill-brand-pressed: #525b4f;
--al-color-bg-fill-brand-selected: #444d41;
--al-color-bg-fill-brand-disabled: #bac4b7;
--al-color-text-brand: #606a5c;
--al-color-text-brand-hovered: #525b4f;
--al-color-text-brand-pressed: #444d41;
--al-color-text-brand-selected: #373e35;
--al-color-text-brand-disabled: #adb8a9;
--al-color-text-on-bg-fill-brand: #fbfcfb;
--al-color-text-on-bg-fill-brand-hovered: #fbfcfb;
--al-color-text-on-bg-fill-brand-pressed: #fbfcfb;
--al-color-text-on-bg-fill-brand-selected: #fbfcfb;
--al-color-text-on-bg-fill-brand-disabled: #f2f4f2;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #606a5c;
--al-color-border-elevated-selected: #606a5c;
--al-color-bg-fill-brand: #606a5c;
--al-color-bg-fill-brand-hovered: #525b4f;
--al-color-bg-fill-brand-pressed: #444d41;
--al-color-bg-fill-brand-selected: #373e35;
--al-color-text-brand: #444d41;
--al-color-text-brand-hovered: #373e35;
--al-color-text-brand-pressed: #292e27;
--al-color-text-brand-selected: #181c17;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #768272;
--al-color-border-elevated-selected: #869382;
--al-color-outline-focused: #dce2da;
--al-color-bg-surface-brand: #1b1f19;
--al-color-bg-surface-brand-hovered: #252b23;
--al-color-bg-surface-brand-pressed: #2e352c;
--al-color-bg-surface-brand-selected: #2e352c;
--al-color-bg-surface-brand-disabled: #131712;
--al-color-bg-surface-brand-elevated: #252b23;
--al-color-bg-surface-brand-elevated-hovered: #2e352c;
--al-color-bg-surface-brand-elevated-pressed: #373f35;
--al-color-bg-surface-brand-elevated-selected: #373f35;
--al-color-bg-surface-brand-elevated-disabled: #1b1f19;
--al-color-bg-fill-brand: #99a595;
--al-color-bg-fill-brand-hovered: #acb8a9;
--al-color-bg-fill-brand-pressed: #c3ccc0;
--al-color-bg-fill-brand-selected: #dce2da;
--al-color-bg-fill-brand-disabled: #373f35;
--al-color-text-brand: #99a595;
--al-color-text-brand-hovered: #acb8a9;
--al-color-text-brand-pressed: #c3ccc0;
--al-color-text-brand-selected: #dce2da;
--al-color-text-brand-disabled: #3f473d;
--al-color-text-on-bg-fill-brand: #0c0f0b;
--al-color-text-on-bg-fill-brand-hovered: #0c0f0b;
--al-color-text-on-bg-fill-brand-pressed: #0c0f0b;
--al-color-text-on-bg-fill-brand-selected: #0c0f0b;
--al-color-text-on-bg-fill-brand-disabled: #131712;}

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