: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: #0b863d;
--cb-color-bg-fill-brand-hovered: #299555;
--cb-color-bg-fill-brand-pressed: #3c9e64;
--cb-color-bg-fill-brand-selected: #32995c;
--cb-color-bg-fill-brand-disabled: #63b283;
--cb-color-text-brand: #0b863d;
--cb-color-text-brand-hovered: #1e8f4c;
--cb-color-text-brand-pressed: #3c9e64;
--cb-color-text-brand-selected: #299555;
--cb-color-text-brand-disabled: #63b283;
--cb-color-bg-surface-brand: #ecf6f0;
--cb-color-bg-surface-brand-hovered: #d8ece0;
--cb-color-bg-surface-brand-pressed: #c5e2d1;
--cb-color-bg-surface-brand-selected: #e1f0e7;
--cb-color-bg-surface-brand-disabled: #f5faf7;
--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: #0b863d;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #0b813b;
--cb-color-text-brand-hovered: #1e8b4a;
--cb-color-text-brand-pressed: #3c9a62;
--cb-color-text-brand-selected: #299053;
--cb-color-text-brand-disabled: #63ae82;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #0a7636;
--cb-color-bg-fill-brand-pressed: #096b31;
--cb-color-bg-fill-brand-selected: #097033;
--cb-color-bg-fill-brand-disabled: #075627;
--cb-color-text-brand-hovered: #0a7b38;
--cb-color-text-brand-pressed: #096b31;
--cb-color-text-brand-selected: #0a7636;
--cb-color-text-brand-disabled: #075627;
--cb-color-bg-surface-brand: #02160a;
--cb-color-bg-surface-brand-hovered: #03200f;
--cb-color-bg-surface-brand-pressed: #042b14;
--cb-color-bg-surface-brand-selected: #021b0c;
--cb-color-bg-surface-brand-disabled: #011007;
--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: #203428;
--cb-color-bg-surface-brand-hovered: #1e3b2a;
--cb-color-bg-surface-brand-pressed: #1c442c;
--cb-color-bg-surface-brand-selected: #1f3829;
--cb-color-bg-surface-brand-disabled: #213027;}
:root{--al-color-border-selected: #12883f;
--al-color-border-elevated-selected: #12883f;
--al-color-outline-focused: #00350b;
--al-color-bg-surface-brand: #e1f0e4;
--al-color-bg-surface-brand-hovered: #c6e4cb;
--al-color-bg-surface-brand-pressed: #aed9b5;
--al-color-bg-surface-brand-selected: #aed9b5;
--al-color-bg-surface-brand-disabled: #ecf6ed;
--al-color-bg-surface-brand-elevated: #e1f0e4;
--al-color-bg-surface-brand-elevated-hovered: #c6e4cb;
--al-color-bg-surface-brand-elevated-pressed: #aed9b5;
--al-color-bg-surface-brand-elevated-selected: #aed9b5;
--al-color-bg-surface-brand-elevated-disabled: #ecf6ed;
--al-color-bg-fill-brand: #12883f;
--al-color-bg-fill-brand-hovered: #007831;
--al-color-bg-fill-brand-pressed: #006725;
--al-color-bg-fill-brand-selected: #00571c;
--al-color-bg-fill-brand-disabled: #98cea2;
--al-color-text-brand: #007831;
--al-color-text-brand-hovered: #006725;
--al-color-text-brand-pressed: #00571c;
--al-color-text-brand-selected: #004613;
--al-color-text-brand-disabled: #81c38f;
--al-color-text-on-bg-fill-brand: #fafcfa;
--al-color-text-on-bg-fill-brand-hovered: #fafcfa;
--al-color-text-on-bg-fill-brand-pressed: #fafcfa;
--al-color-text-on-bg-fill-brand-selected: #fafcfa;
--al-color-text-on-bg-fill-brand-disabled: #ecf6ed;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #007831;
--al-color-border-elevated-selected: #007831;
--al-color-bg-fill-brand: #007831;
--al-color-bg-fill-brand-hovered: #006725;
--al-color-bg-fill-brand-pressed: #00571c;
--al-color-bg-fill-brand-selected: #004613;
--al-color-text-brand: #00571c;
--al-color-text-brand-hovered: #004613;
--al-color-text-brand-pressed: #00350b;
--al-color-text-brand-selected: #002105;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #259149;
--al-color-border-elevated-selected: #42a15d;
--al-color-outline-focused: #cce7d1;
--al-color-bg-surface-brand: #002405;
--al-color-bg-surface-brand-hovered: #003109;
--al-color-bg-surface-brand-pressed: #003c0e;
--al-color-bg-surface-brand-selected: #003c0e;
--al-color-bg-surface-brand-disabled: #001b03;
--al-color-bg-surface-brand-elevated: #003109;
--al-color-bg-surface-brand-elevated-hovered: #003c0e;
--al-color-bg-surface-brand-elevated-pressed: #004713;
--al-color-bg-surface-brand-elevated-selected: #004713;
--al-color-bg-surface-brand-elevated-disabled: #002405;
--al-color-bg-fill-brand: #62b274;
--al-color-bg-fill-brand-hovered: #82c390;
--al-color-bg-fill-brand-pressed: #a6d5ae;
--al-color-bg-fill-brand-selected: #cce7d1;
--al-color-bg-fill-brand-disabled: #004713;
--al-color-text-brand: #62b274;
--al-color-text-brand-hovered: #82c390;
--al-color-text-brand-pressed: #a6d5ae;
--al-color-text-brand-selected: #cce7d1;
--al-color-text-brand-disabled: #005118;
--al-color-text-on-bg-fill-brand: #001202;
--al-color-text-on-bg-fill-brand-hovered: #001202;
--al-color-text-on-bg-fill-brand-pressed: #001202;
--al-color-text-on-bg-fill-brand-selected: #001202;
--al-color-text-on-bg-fill-brand-disabled: #001b03;}

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