: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: #00642e;
--cb-color-bg-fill-brand-hovered: #1f7747;
--cb-color-bg-fill-brand-pressed: #338358;
--cb-color-bg-fill-brand-selected: #297d50;
--cb-color-bg-fill-brand-disabled: #5c9c79;
--cb-color-text-brand: #00642e;
--cb-color-text-brand-hovered: #14703e;
--cb-color-text-brand-pressed: #338358;
--cb-color-text-brand-selected: #1f7747;
--cb-color-text-brand-disabled: #5c9c79;
--cb-color-bg-surface-brand: #ebf3ef;
--cb-color-bg-surface-brand-hovered: #d6e6dd;
--cb-color-bg-surface-brand-pressed: #c2dacd;
--cb-color-bg-surface-brand-selected: #e0ece6;
--cb-color-bg-surface-brand-disabled: #f5f9f7;
--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: #00642e;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #005828;
--cb-color-bg-fill-brand-pressed: #005025;
--cb-color-bg-fill-brand-selected: #005427;
--cb-color-bg-fill-brand-disabled: #00401d;
--cb-color-text-brand-hovered: #005c2a;
--cb-color-text-brand-pressed: #005025;
--cb-color-text-brand-selected: #005828;
--cb-color-text-brand-disabled: #00401d;
--cb-color-bg-surface-brand: #001007;
--cb-color-bg-surface-brand-hovered: #00180b;
--cb-color-bg-surface-brand-pressed: #00200f;
--cb-color-bg-surface-brand-selected: #001409;
--cb-color-bg-surface-brand-disabled: #000c06;}

:root:where([data-cb-theme="dark"]) :where(.cb-elevated, .al-elevated)  {--cb-color-bg-surface-brand: #1e2e26;
--cb-color-bg-surface-brand-hovered: #1b3326;
--cb-color-bg-surface-brand-pressed: #183927;
--cb-color-bg-surface-brand-selected: #1d3126;
--cb-color-bg-surface-brand-disabled: #202c25;}
:root{--al-color-border-selected: #3c8452;
--al-color-border-elevated-selected: #3c8452;
--al-color-outline-focused: #00350d;
--al-color-bg-surface-brand: #e3eee5;
--al-color-bg-surface-brand-hovered: #cfe1d3;
--al-color-bg-surface-brand-pressed: #bbd5c1;
--al-color-bg-surface-brand-selected: #bbd5c1;
--al-color-bg-surface-brand-disabled: #f0f5f1;
--al-color-bg-surface-brand-elevated: #e3eee5;
--al-color-bg-surface-brand-elevated-hovered: #cfe1d3;
--al-color-bg-surface-brand-elevated-pressed: #bbd5c1;
--al-color-bg-surface-brand-elevated-selected: #bbd5c1;
--al-color-bg-surface-brand-elevated-disabled: #f0f5f1;
--al-color-bg-fill-brand: #3c8452;
--al-color-bg-fill-brand-hovered: #247540;
--al-color-bg-fill-brand-pressed: #066630;
--al-color-bg-fill-brand-selected: #005723;
--al-color-bg-fill-brand-disabled: #a8c9af;
--al-color-text-brand: #247540;
--al-color-text-brand-hovered: #066630;
--al-color-text-brand-pressed: #005723;
--al-color-text-brand-selected: #004617;
--al-color-text-brand-disabled: #95be9e;
--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: #f0f5f1;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #247540;
--al-color-border-elevated-selected: #247540;
--al-color-bg-fill-brand: #247540;
--al-color-bg-fill-brand-hovered: #066630;
--al-color-bg-fill-brand-pressed: #005723;
--al-color-bg-fill-brand-selected: #004617;
--al-color-text-brand: #005723;
--al-color-text-brand-hovered: #004617;
--al-color-text-brand-pressed: #00350d;
--al-color-text-brand-selected: #002104;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #488c5b;
--al-color-border-elevated-selected: #619c70;
--al-color-outline-focused: #d4e4d7;
--al-color-bg-surface-brand: #002405;
--al-color-bg-surface-brand-hovered: #00310b;
--al-color-bg-surface-brand-pressed: #003c10;
--al-color-bg-surface-brand-selected: #003c10;
--al-color-bg-surface-brand-disabled: #001b03;
--al-color-bg-surface-brand-elevated: #00310b;
--al-color-bg-surface-brand-elevated-hovered: #003c10;
--al-color-bg-surface-brand-elevated-pressed: #004717;
--al-color-bg-surface-brand-elevated-selected: #004717;
--al-color-bg-surface-brand-elevated-disabled: #002405;
--al-color-bg-fill-brand: #7bad86;
--al-color-bg-fill-brand-hovered: #96be9f;
--al-color-bg-fill-brand-pressed: #b4d0b9;
--al-color-bg-fill-brand-selected: #d4e4d7;
--al-color-bg-fill-brand-disabled: #004717;
--al-color-text-brand: #7bad86;
--al-color-text-brand-hovered: #96be9f;
--al-color-text-brand-pressed: #b4d0b9;
--al-color-text-brand-selected: #d4e4d7;
--al-color-text-brand-disabled: #00511e;
--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);
}