:root {
  --background: #f4fff7;
  --text-color: #0f2d1f;
  --color-surface: 255 255 255;
  --color-surface-muted: 236 253 243;
  --color-surface-strong: 13 102 72;
  --color-surface-strong-hover: 24 128 89;
  --color-border: 209 250 229;
  --color-muted: 59 112 84;
  --color-primary: 16 185 129;
  --color-primary-hover: 5 150 105;
  --color-primary-text-color: 255 255 255;
  --color-primary-hex: #10b981;
  --color-primary-hover-hex: #059669;
  --color-toolbar-bg: 244 255 247;
  --color-toolbar-text: 15 45 31;
  --color-toolbar-border: 209 250 229;
  --color-footer-bg: 244 255 247;
  --color-footer-text: 15 45 31;
  --color-footer-border: 209 250 229;
}
.dark {
  --background: #062016;
  --text-color: #e6fff3;
  --color-surface: 18 46 34;
  --color-surface-muted: 24 63 45;
  --color-surface-strong: 10 26 19;
  --color-surface-strong-hover: 32 80 56;
  --color-border: 50 110 80;
  --color-muted: 173 216 190;
  --color-primary: 52 211 153;
  --color-primary-hover: 16 185 129;
  --color-primary-text-color: 6 32 22;
  --color-primary-hex: #34d399;
  --color-primary-hover-hex: #10b981;
  --color-toolbar-bg: 18 46 34;
  --color-toolbar-text: 230 255 243;
  --color-toolbar-border: 50 110 80;
  --color-footer-bg: 18 46 34;
  --color-footer-text: 230 255 243;
  --color-footer-border: 50 110 80;
}