@mixin main {
  --font: "Roboto Mono", "Roboto Mono", "Vazirmatn", monospace;
  --highlight: #efdb43;
  --black: #000000;
}

@mixin light-theme {
  --bg-color: #efead0;
  --main-color: #5f605e;
  --caret-color: #5f605e;
  --sub-color: #8f8e84;
  --sub-alt-color: #dbd6c4;
  --text-color: #333538;
  --success-color: #05aa6d;
  --success-extra-color: #028f5b;
  --info-color: #2196f3;
  --info-extra-color: #0d75ca;
  --error-color: #c43c53;
  --error-extra-color: #a52632;
}

@mixin dark-theme {
  --bg-color: #2f3338;
  --main-color: #d6d2bc;
  --caret-color: #d6d2bc;
  --sub-alt-color: #3a3c3d;
  --sub-color: #8f8e84;
  --text-color: #d6d2bc;
  --success-color: #05aa6d;
  --success-extra-color: #028f5b;
  --info-color: #2196f3;
  --info-extra-color: #0d75ca;
  --error-color: #ff4a59;
  --error-extra-color: #c43c53;
}