: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: #098909;
--cb-color-bg-fill-brand-hovered: #279727;
--cb-color-bg-fill-brand-pressed: #3aa13a;
--cb-color-bg-fill-brand-selected: #319c31;
--cb-color-bg-fill-brand-disabled: #62b462;
--cb-color-text-brand: #098909;
--cb-color-text-brand-hovered: #1c921c;
--cb-color-text-brand-pressed: #3aa13a;
--cb-color-text-brand-selected: #279727;
--cb-color-text-brand-disabled: #62b462;
--cb-color-bg-surface-brand: #ecf6ec;
--cb-color-bg-surface-brand-hovered: #d7ecd7;
--cb-color-bg-surface-brand-pressed: #c4e3c4;
--cb-color-bg-surface-brand-selected: #e1f1e1;
--cb-color-bg-surface-brand-disabled: #f5faf5;
--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: #098909;}

:root:where([data-cb-theme="lightHighContrast"])  {--cb-color-text-brand: #098209;
--cb-color-text-brand-hovered: #1c8c1c;
--cb-color-text-brand-pressed: #3a9b3a;
--cb-color-text-brand-selected: #279127;
--cb-color-text-brand-disabled: #62af62;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #087808;
--cb-color-bg-fill-brand-pressed: #076e07;
--cb-color-bg-fill-brand-selected: #087308;
--cb-color-bg-fill-brand-disabled: #065806;
--cb-color-text-brand-hovered: #087e08;
--cb-color-text-brand-pressed: #076e07;
--cb-color-text-brand-selected: #087808;
--cb-color-text-brand-disabled: #065806;
--cb-color-bg-surface-brand: #011601;
--cb-color-bg-surface-brand-hovered: #022102;
--cb-color-bg-surface-brand-pressed: #032c03;
--cb-color-bg-surface-brand-selected: #021b02;
--cb-color-bg-surface-brand-disabled: #011101;
--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: #203420;
--cb-color-bg-surface-brand-hovered: #1e3c1e;
--cb-color-bg-surface-brand-pressed: #1b441b;
--cb-color-bg-surface-brand-selected: #1f381f;
--cb-color-bg-surface-brand-disabled: #213021;}
:root{--al-color-border-selected: #0d8a0c;
--al-color-border-elevated-selected: #0d8a0c;
--al-color-outline-focused: #003600;
--al-color-bg-surface-brand: #def0dc;
--al-color-bg-surface-brand-hovered: #c6e5c2;
--al-color-bg-surface-brand-pressed: #addaa8;
--al-color-bg-surface-brand-selected: #addaa8;
--al-color-bg-surface-brand-disabled: #ecf6eb;
--al-color-bg-surface-brand-elevated: #def0dc;
--al-color-bg-surface-brand-elevated-hovered: #c6e5c2;
--al-color-bg-surface-brand-elevated-pressed: #addaa8;
--al-color-bg-surface-brand-elevated-selected: #addaa8;
--al-color-bg-surface-brand-elevated-disabled: #ecf6eb;
--al-color-bg-fill-brand: #0d8a0c;
--al-color-bg-fill-brand-hovered: #007800;
--al-color-bg-fill-brand-pressed: #006800;
--al-color-bg-fill-brand-selected: #005700;
--al-color-bg-fill-brand-disabled: #96d091;
--al-color-text-brand: #007800;
--al-color-text-brand-hovered: #006800;
--al-color-text-brand-pressed: #005700;
--al-color-text-brand-selected: #004700;
--al-color-text-brand-disabled: #80c57a;
--al-color-text-on-bg-fill-brand: #f9fcf9;
--al-color-text-on-bg-fill-brand-hovered: #f9fcf9;
--al-color-text-on-bg-fill-brand-pressed: #f9fcf9;
--al-color-text-on-bg-fill-brand-selected: #f9fcf9;
--al-color-text-on-bg-fill-brand-disabled: #ecf6eb;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #007800;
--al-color-border-elevated-selected: #007800;
--al-color-bg-fill-brand: #007800;
--al-color-bg-fill-brand-hovered: #006800;
--al-color-bg-fill-brand-pressed: #005700;
--al-color-bg-fill-brand-selected: #004700;
--al-color-text-brand: #005700;
--al-color-text-brand-hovered: #004700;
--al-color-text-brand-pressed: #003600;
--al-color-text-brand-selected: #002100;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #20921d;
--al-color-border-elevated-selected: #40a33b;
--al-color-outline-focused: #cbe8c9;
--al-color-bg-surface-brand: #002400;
--al-color-bg-surface-brand-hovered: #003100;
--al-color-bg-surface-brand-pressed: #003c00;
--al-color-bg-surface-brand-selected: #003c00;
--al-color-bg-surface-brand-disabled: #001b00;
--al-color-bg-surface-brand-elevated: #003100;
--al-color-bg-surface-brand-elevated-hovered: #003c00;
--al-color-bg-surface-brand-elevated-pressed: #004700;
--al-color-bg-surface-brand-elevated-selected: #004700;
--al-color-bg-surface-brand-elevated-disabled: #002400;
--al-color-bg-fill-brand: #5fb459;
--al-color-bg-fill-brand-hovered: #80c57a;
--al-color-bg-fill-brand-pressed: #a4d69f;
--al-color-bg-fill-brand-selected: #cbe8c9;
--al-color-bg-fill-brand-disabled: #004700;
--al-color-text-brand: #5fb459;
--al-color-text-brand-hovered: #80c57a;
--al-color-text-brand-pressed: #a4d69f;
--al-color-text-brand-selected: #cbe8c9;
--al-color-text-brand-disabled: #005100;
--al-color-text-on-bg-fill-brand: #001200;
--al-color-text-on-bg-fill-brand-hovered: #001200;
--al-color-text-on-bg-fill-brand-pressed: #001200;
--al-color-text-on-bg-fill-brand-selected: #001200;
--al-color-text-on-bg-fill-brand-disabled: #001b00;}

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