: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: #397e1b;
--cb-color-bg-fill-brand-hovered: #518e37;
--cb-color-bg-fill-brand-pressed: #619849;
--cb-color-bg-fill-brand-selected: #599340;
--cb-color-bg-fill-brand-disabled: #80ad6d;
--cb-color-text-brand: #397e1b;
--cb-color-text-brand-hovered: #49882d;
--cb-color-text-brand-pressed: #619849;
--cb-color-text-brand-selected: #518e37;
--cb-color-text-brand-disabled: #80ad6d;
--cb-color-bg-surface-brand: #eff5ed;
--cb-color-bg-surface-brand-hovered: #dfeada;
--cb-color-bg-surface-brand-pressed: #d0e0c8;
--cb-color-bg-surface-brand-selected: #e7efe3;
--cb-color-bg-surface-brand-disabled: #f7faf6;
--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: #397e1b;}

:root:where([data-cb-theme="dark"])  {--cb-color-bg-fill-brand-hovered: #326f18;
--cb-color-bg-fill-brand-pressed: #2e6516;
--cb-color-bg-fill-brand-selected: #306a17;
--cb-color-bg-fill-brand-disabled: #245111;
--cb-color-text-brand-hovered: #357419;
--cb-color-text-brand-pressed: #2e6516;
--cb-color-text-brand-selected: #326f18;
--cb-color-text-brand-disabled: #245111;
--cb-color-bg-surface-brand: #091404;
--cb-color-bg-surface-brand-hovered: #0e1e06;
--cb-color-bg-surface-brand-pressed: #122909;
--cb-color-bg-surface-brand-selected: #0b1905;
--cb-color-bg-surface-brand-disabled: #070f03;
--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: #273223;
--cb-color-bg-surface-brand-hovered: #293a22;
--cb-color-bg-surface-brand-pressed: #2b4121;
--cb-color-bg-surface-brand-selected: #283622;
--cb-color-bg-surface-brand-disabled: #272f23;}
:root{--al-color-border-selected: #418525;
--al-color-border-elevated-selected: #418525;
--al-color-outline-focused: #093500;
--al-color-bg-surface-brand: #e4f0e1;
--al-color-bg-surface-brand-hovered: #cfe3c8;
--al-color-bg-surface-brand-pressed: #b9d7b0;
--al-color-bg-surface-brand-selected: #b9d7b0;
--al-color-bg-surface-brand-disabled: #f0f6ee;
--al-color-bg-surface-brand-elevated: #e4f0e1;
--al-color-bg-surface-brand-elevated-hovered: #cfe3c8;
--al-color-bg-surface-brand-elevated-pressed: #b9d7b0;
--al-color-bg-surface-brand-elevated-selected: #b9d7b0;
--al-color-bg-surface-brand-elevated-disabled: #f0f6ee;
--al-color-bg-fill-brand: #418525;
--al-color-bg-fill-brand-hovered: #317610;
--al-color-bg-fill-brand-pressed: #256600;
--al-color-bg-fill-brand-selected: #1a5600;
--al-color-bg-fill-brand-disabled: #a6cc9a;
--al-color-text-brand: #317610;
--al-color-text-brand-hovered: #256600;
--al-color-text-brand-pressed: #1a5600;
--al-color-text-brand-selected: #114600;
--al-color-text-brand-disabled: #93c185;
--al-color-text-on-bg-fill-brand: #fafcf9;
--al-color-text-on-bg-fill-brand-hovered: #fafcf9;
--al-color-text-on-bg-fill-brand-pressed: #fafcf9;
--al-color-text-on-bg-fill-brand-selected: #fafcf9;
--al-color-text-on-bg-fill-brand-disabled: #f0f6ee;}

:root:where([data-al-theme="lightHighContrast"])  {--al-color-border-selected: #317610;
--al-color-border-elevated-selected: #317610;
--al-color-bg-fill-brand: #317610;
--al-color-bg-fill-brand-hovered: #256600;
--al-color-bg-fill-brand-pressed: #1a5600;
--al-color-bg-fill-brand-selected: #114600;
--al-color-text-brand: #1a5600;
--al-color-text-brand-hovered: #114600;
--al-color-text-brand-pressed: #093500;
--al-color-text-brand-selected: #032100;}

:root:where([data-al-theme="dark"])  {--al-color-border-selected: #4b8e32;
--al-color-border-elevated-selected: #609e4a;
--al-color-outline-focused: #d2e6cc;
--al-color-bg-surface-brand: #042400;
--al-color-bg-surface-brand-hovered: #073100;
--al-color-bg-surface-brand-pressed: #0c3c00;
--al-color-bg-surface-brand-selected: #0c3c00;
--al-color-bg-surface-brand-disabled: #021c00;
--al-color-bg-surface-brand-elevated: #073100;
--al-color-bg-surface-brand-elevated-hovered: #0c3c00;
--al-color-bg-surface-brand-elevated-pressed: #114600;
--al-color-bg-surface-brand-elevated-selected: #114600;
--al-color-bg-surface-brand-elevated-disabled: #042400;
--al-color-bg-fill-brand: #79af66;
--al-color-bg-fill-brand-hovered: #93c184;
--al-color-bg-fill-brand-pressed: #b1d3a6;
--al-color-bg-fill-brand-selected: #d2e6cc;
--al-color-bg-fill-brand-disabled: #114600;
--al-color-text-brand: #79af66;
--al-color-text-brand-hovered: #93c184;
--al-color-text-brand-pressed: #b1d3a6;
--al-color-text-brand-selected: #d2e6cc;
--al-color-text-brand-disabled: #175000;
--al-color-text-on-bg-fill-brand: #011300;
--al-color-text-on-bg-fill-brand-hovered: #011300;
--al-color-text-on-bg-fill-brand-pressed: #011300;
--al-color-text-on-bg-fill-brand-selected: #011300;
--al-color-text-on-bg-fill-brand-disabled: #021c00;}

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