: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: #088743;
--cb-color-bg-fill-brand-hovered: #26965a;
--cb-color-bg-fill-brand-pressed: #399f69;
--cb-color-bg-fill-brand-selected: #309a61;
--cb-color-bg-fill-brand-disabled: #61b287;
--cb-color-text-brand: #088743;
--cb-color-text-brand-hovered: #1b9052;
--cb-color-text-brand-pressed: #399f69;
--cb-color-text-brand-selected: #26965a;
--cb-color-text-brand-disabled: #61b287;
--cb-color-bg-surface-brand: #ecf6f0;
--cb-color-bg-surface-brand-hovered: #d7ece1;
--cb-color-bg-surface-brand-pressed: #c4e2d2;
--cb-color-bg-surface-brand-selected: #e1f0e8;
--cb-color-bg-surface-brand-disabled: #f5faf8;
--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: #088743;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #088140;
--cb-color-text-brand-hovered: #1b8b4f;
--cb-color-text-brand-pressed: #399a66;
--cb-color-text-brand-selected: #269057;
--cb-color-text-brand-disabled: #61ae85;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #07773b;
--cb-color-bg-fill-brand-pressed: #066c36;
--cb-color-bg-fill-brand-selected: #077138;
--cb-color-bg-fill-brand-disabled: #05562b;
--cb-color-text-brand-hovered: #077c3e;
--cb-color-text-brand-pressed: #066c36;
--cb-color-text-brand-selected: #07773b;
--cb-color-text-brand-disabled: #05562b;
--cb-color-bg-surface-brand: #01160b;
--cb-color-bg-surface-brand-hovered: #022010;
--cb-color-bg-surface-brand-pressed: #032b16;
--cb-color-bg-surface-brand-selected: #021b0d;
--cb-color-bg-surface-brand-disabled: #011008;
--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: #1f3429;
--cb-color-bg-surface-brand-hovered: #1d3c2b;
--cb-color-bg-surface-brand-pressed: #1b442e;
--cb-color-bg-surface-brand-selected: #1e382a;
--cb-color-bg-surface-brand-disabled: #213028;}
:root{--al-color-border-selected: #0d8844;
--al-color-border-elevated-selected: #0d8844;
--al-color-outline-focused: #00350f;
--al-color-bg-surface-brand: #e0f0e3;
--al-color-bg-surface-brand-hovered: #c6e4cc;
--al-color-bg-surface-brand-pressed: #add9b7;
--al-color-bg-surface-brand-selected: #add9b7;
--al-color-bg-surface-brand-disabled: #ecf6ee;
--al-color-bg-surface-brand-elevated: #e0f0e3;
--al-color-bg-surface-brand-elevated-hovered: #c6e4cc;
--al-color-bg-surface-brand-elevated-pressed: #add9b7;
--al-color-bg-surface-brand-elevated-selected: #add9b7;
--al-color-bg-surface-brand-elevated-disabled: #ecf6ee;
--al-color-bg-fill-brand: #0d8844;
--al-color-bg-fill-brand-hovered: #007736;
--al-color-bg-fill-brand-pressed: #00672b;
--al-color-bg-fill-brand-selected: #005720;
--al-color-bg-fill-brand-disabled: #97cea4;
--al-color-text-brand: #007736;
--al-color-text-brand-hovered: #00672b;
--al-color-text-brand-pressed: #005720;
--al-color-text-brand-selected: #004617;
--al-color-text-brand-disabled: #81c392;
--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: #ecf6ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #007736;
--al-color-border-elevated-selected: #007736;
--al-color-bg-fill-brand: #007736;
--al-color-bg-fill-brand-hovered: #00672b;
--al-color-bg-fill-brand-pressed: #005720;
--al-color-bg-fill-brand-selected: #004617;
--al-color-text-brand: #005720;
--al-color-text-brand-hovered: #004617;
--al-color-text-brand-pressed: #00350f;
--al-color-text-brand-selected: #002106;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #21914d;
--al-color-border-elevated-selected: #40a161;
--al-color-outline-focused: #cce7d2;
--al-color-bg-surface-brand: #002407;
--al-color-bg-surface-brand-hovered: #00310d;
--al-color-bg-surface-brand-pressed: #003c12;
--al-color-bg-surface-brand-selected: #003c12;
--al-color-bg-surface-brand-disabled: #001c05;
--al-color-bg-surface-brand-elevated: #00310d;
--al-color-bg-surface-brand-elevated-hovered: #003c12;
--al-color-bg-surface-brand-elevated-pressed: #004718;
--al-color-bg-surface-brand-elevated-selected: #004718;
--al-color-bg-surface-brand-elevated-disabled: #002407;
--al-color-bg-fill-brand: #60b278;
--al-color-bg-fill-brand-hovered: #81c392;
--al-color-bg-fill-brand-pressed: #a5d5b0;
--al-color-bg-fill-brand-selected: #cce7d2;
--al-color-bg-fill-brand-disabled: #004718;
--al-color-text-brand: #60b278;
--al-color-text-brand-hovered: #81c392;
--al-color-text-brand-pressed: #a5d5b0;
--al-color-text-brand-selected: #cce7d2;
--al-color-text-brand-disabled: #00511d;
--al-color-text-on-bg-fill-brand: #001203;
--al-color-text-on-bg-fill-brand-hovered: #001203;
--al-color-text-on-bg-fill-brand-pressed: #001203;
--al-color-text-on-bg-fill-brand-selected: #001203;
--al-color-text-on-bg-fill-brand-disabled: #001c05;}

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