:root {
  --color-background: 254 247 221;
  --color-text: 17 23 20;
  --color-primary: 56 224 120;
  --color-secondary: 220 229 223;
  --color-accent: 100 135 113;
}

.dark {
  --color-background: 26 32 29;
  --color-text: 232 234 233;
  --color-primary: 74 147 74;
  --color-secondary: 58 74 67;
  --color-accent: 163 177 168;
}

body {
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-text));
  transition: background-color 0.3s ease, color 0.3s ease;
}