:root {
  --forest-surface: #F4F8F1;
  --forest-text: #172D20;
  --forest-secondary: #465D4C;
  --forest-accent: #24613E;
  --forest-border: #637A68;
  --forest-statusOnline: #A43B36;
  --forest-statusDownloading: #835600;
  --forest-statusOffline: #24613E;
  --forest-brand: #24613E;
  --forest-on-brand: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
:root {
  --forest-surface: #14261B;
  --forest-text: #F0F6ED;
  --forest-secondary: #B9CDBA;
  --forest-accent: #A4D6A6;
  --forest-border: #829D86;
  --forest-statusOnline: #FFAAA3;
  --forest-statusDownloading: #F5CA66;
  --forest-statusOffline: #A4D6A6;
  --forest-brand: #24613E;
  --forest-on-brand: #FFFFFF;
}
}