:root {
  --text-color: #191B1E;
  --hover-color: #000;
  --secondary-text-color: #5C5E62;
  --supportive-text-color: #fff;
  --error-text-color: #E74979;
  --background-color: #f4f4f5;
  --secondary-background-color: #1C1C1C;
  --step-color: #F5F4F4;
  --border-color: #DDDDDD;
  --modal-border: #D5D5D5;
  --textarea-color: #888888;
  --grey-card-color: #EAEAEA;
  --button-hover: #F8F8F8;
  --grey-color: #7C7C7C;
}

h1, h2, h3 {
  font-weight: 500;
}

/*
@media (prefers-color-scheme: dark) {
  :root {
    --main-color: white;
  }
}

Backup plan for IE
[data-theme="dark"] {
  --main-color: white;
}
 */