:root {
  /* light jungle */
  --color-jungle-light-background: #f0fff0;
  --color-jungle-light-surface: #e8f5e8;
  --color-jungle-light-surface-bright: #f8fff8;
  --color-jungle-light-surface-light: #d4ebd4;
  --color-jungle-light-surface-variant: #228b22;
  --color-jungle-light-on-surface-variant: #f0fff0;
  --color-jungle-light-primary: #228b22;
  --color-jungle-light-primary-darken-1: #1c7a1c;
  --color-jungle-light-secondary: #32cd32;
  --color-jungle-light-secondary-darken-1: #2cbd2c;
  --color-jungle-light-error: #8b0000;
  --color-jungle-light-info: #20b2aa;
  --color-jungle-light-success: #006400;
  --color-jungle-light-warning: #9acd32; /* dark jungle */
  --color-jungle-dark-background: #0a2a0a;
  --color-jungle-dark-surface: #1a3a1a;
  --color-jungle-dark-surface-bright: #2a4a2a;
  --color-jungle-dark-surface-light: #143214;
  --color-jungle-dark-surface-variant: #90ee90;
  --color-jungle-dark-on-surface-variant: #0a2a0a;
  --color-jungle-dark-primary: #90ee90;
  --color-jungle-dark-primary-darken-1: #80de80;
  --color-jungle-dark-secondary: #7cfc7c;
  --color-jungle-dark-secondary-darken-1: #6cec6c;
  --color-jungle-dark-error: #cd5c5c;
  --color-jungle-dark-info: #48d1cc;
  --color-jungle-dark-success: #32cd32;
  --color-jungle-dark-warning: #adff2f;
}
.theme-jungle-light {
  --color-tw-background: var(--color-jungle-light-background);
  --color-tw-surface: var(--color-jungle-light-surface);
  --color-tw-surface-bright: var(--color-jungle-light-surface-bright);
  --color-tw-surface-light: var(--color-jungle-light-surface-light);
  --color-tw-surface-variant: var(--color-jungle-light-surface-variant);
  --color-tw-on-surface-variant: var(--color-jungle-light-on-surface-variant);
  --color-tw-primary: var(--color-jungle-light-primary);
  --color-tw-primary-darken-1: var(--color-jungle-light-primary-darken-1);
  --color-tw-secondary: var(--color-jungle-light-secondary);
  --color-tw-secondary-darken-1: var(--color-jungle-light-secondary-darken-1);
  --color-tw-error: var(--color-jungle-light-error);
  --color-tw-info: var(--color-jungle-light-info);
  --color-tw-success: var(--color-jungle-light-success);
  --color-tw-warning: var(--color-jungle-light-warning);
}
.theme-jungle-dark {
  --color-tw-background: var(--color-jungle-dark-background);
  --color-tw-surface: var(--color-jungle-dark-surface);
  --color-tw-surface-bright: var(--color-jungle-dark-surface-bright);
  --color-tw-surface-dark: var(--color-jungle-dark-surface-dark);
  --color-tw-surface-variant: var(--color-jungle-dark-surface-variant);
  --color-tw-on-surface-variant: var(--color-jungle-dark-on-surface-variant);
  --color-tw-primary: var(--color-jungle-dark-primary);
  --color-tw-primary-darken-1: var(--color-jungle-dark-primary-darken-1);
  --color-tw-secondary: var(--color-jungle-dark-secondary);
  --color-tw-secondary-darken-1: var(--color-jungle-dark-secondary-darken-1);
  --color-tw-error: var(--color-jungle-dark-error);
  --color-tw-info: var(--color-jungle-dark-info);
  --color-tw-success: var(--color-jungle-dark-success);
  --color-tw-warning: var(--color-jungle-dark-warning);
}