:root {
  --dark-bg-color: #222831;
  --dark-text-color: #EEEEEE;
  --dark-accent-color: #FF4C29;
  --dark-accent-hover-color: #ff9b29;

  --light-bg-color: #EEEEEE;
  --light-text-color: #222831;
  --light-accent-color: #79D1C3;
  --light-accent-hover-color: #C9FDD7;
}

@media (prefers-color-scheme: dark) {
  .avatar {
    border: 2px solid var(--dark-accent-hover-color);
  }
}

@media (prefers-color-scheme: light) {
  .avatar {
    border: 2px solid var(--light-accent-color);
  }
}