: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: #04241c;
--cb-color-bg-fill-brand-hovered: #233f38;
--cb-color-bg-fill-brand-pressed: #365049;
--cb-color-bg-fill-brand-selected: #2c4740;
--cb-color-bg-fill-brand-disabled: #5f736e;
--cb-color-text-brand: #04241c;
--cb-color-text-brand-hovered: #18352e;
--cb-color-text-brand-pressed: #365049;
--cb-color-text-brand-selected: #233f38;
--cb-color-text-brand-disabled: #5f736e;
--cb-color-bg-surface-brand: #ebeeed;
--cb-color-bg-surface-brand-hovered: #d7dcdb;
--cb-color-bg-surface-brand-pressed: #c3cbc9;
--cb-color-bg-surface-brand-selected: #e0e4e3;
--cb-color-bg-surface-brand-disabled: #f5f6f6;
--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: #04241c;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #042019;
--cb-color-bg-fill-brand-pressed: #031d16;
--cb-color-bg-fill-brand-selected: #031e17;
--cb-color-bg-fill-brand-disabled: #031712;
--cb-color-text-brand-hovered: #04211a;
--cb-color-text-brand-pressed: #031d16;
--cb-color-text-brand-selected: #042019;
--cb-color-text-brand-disabled: #031712;
--cb-color-bg-surface-brand: #010605;
--cb-color-bg-surface-brand-hovered: #010907;
--cb-color-bg-surface-brand-pressed: #010c09;
--cb-color-bg-surface-brand-selected: #010706;
--cb-color-bg-surface-brand-disabled: #000403;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #1f2423;
--cb-color-bg-surface-brand-hovered: #1c2422;
--cb-color-bg-surface-brand-pressed: #1a2421;
--cb-color-bg-surface-brand-selected: #1e2422;
--cb-color-bg-surface-brand-disabled: #202423;}
:root{--al-color-border-selected: #667b74;
--al-color-border-elevated-selected: #667b74;
--al-color-outline-focused: #14322a;
--al-color-bg-surface-brand: #e9eceb;
--al-color-bg-surface-brand-hovered: #d9dedc;
--al-color-bg-surface-brand-pressed: #c9d0ce;
--al-color-bg-surface-brand-selected: #c9d0ce;
--al-color-bg-surface-brand-disabled: #f2f4f3;
--al-color-bg-surface-brand-elevated: #e9eceb;
--al-color-bg-surface-brand-elevated-hovered: #d9dedc;
--al-color-bg-surface-brand-elevated-pressed: #c9d0ce;
--al-color-bg-surface-brand-elevated-selected: #c9d0ce;
--al-color-bg-surface-brand-elevated-disabled: #f2f4f3;
--al-color-bg-fill-brand: #667b74;
--al-color-bg-fill-brand-hovered: #556c65;
--al-color-bg-fill-brand-pressed: #455d55;
--al-color-bg-fill-brand-selected: #354f47;
--al-color-bg-fill-brand-disabled: #bac4c0;
--al-color-text-brand: #556c65;
--al-color-text-brand-hovered: #455d55;
--al-color-text-brand-pressed: #354f47;
--al-color-text-brand-selected: #254139;
--al-color-text-brand-disabled: #abb7b3;
--al-color-text-on-bg-fill-brand: #fdfdfd;
--al-color-text-on-bg-fill-brand-hovered: #fdfdfd;
--al-color-text-on-bg-fill-brand-pressed: #fdfdfd;
--al-color-text-on-bg-fill-brand-selected: #fdfdfd;
--al-color-text-on-bg-fill-brand-disabled: #f2f4f3;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #556c65;
--al-color-border-elevated-selected: #556c65;
--al-color-bg-fill-brand: #556c65;
--al-color-bg-fill-brand-hovered: #455d55;
--al-color-bg-fill-brand-pressed: #354f47;
--al-color-bg-fill-brand-selected: #254139;
--al-color-text-brand: #354f47;
--al-color-text-brand-hovered: #254139;
--al-color-text-brand-pressed: #14322a;
--al-color-text-brand-selected: #012018;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #6f837d;
--al-color-border-elevated-selected: #82938e;
--al-color-outline-focused: #dde1e0;
--al-color-bg-surface-brand: #03231b;
--al-color-bg-surface-brand-hovered: #0f2e26;
--al-color-bg-surface-brand-pressed: #1a382f;
--al-color-bg-surface-brand-selected: #1a382f;
--al-color-bg-surface-brand-disabled: #001b13;
--al-color-bg-surface-brand-elevated: #0f2e26;
--al-color-bg-surface-brand-elevated-hovered: #1a382f;
--al-color-bg-surface-brand-elevated-pressed: #26423a;
--al-color-bg-surface-brand-elevated-selected: #26423a;
--al-color-bg-surface-brand-elevated-disabled: #03231b;
--al-color-bg-fill-brand: #96a49f;
--al-color-bg-fill-brand-hovered: #acb7b3;
--al-color-bg-fill-brand-pressed: #c3cbc9;
--al-color-bg-fill-brand-selected: #dde1e0;
--al-color-bg-fill-brand-disabled: #26423a;
--al-color-text-brand: #96a49f;
--al-color-text-brand-hovered: #acb7b3;
--al-color-text-brand-pressed: #c3cbc9;
--al-color-text-brand-selected: #dde1e0;
--al-color-text-brand-disabled: #2f4a42;
--al-color-text-on-bg-fill-brand: #00110b;
--al-color-text-on-bg-fill-brand-hovered: #00110b;
--al-color-text-on-bg-fill-brand-pressed: #00110b;
--al-color-text-on-bg-fill-brand-selected: #00110b;
--al-color-text-on-bg-fill-brand-disabled: #001b13;}

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