/**
  Main Themes:

  - dark (default)
  - light
 */

// Dark is the default theme variant.
:root {
  --bg-dark-color: #44475a;
  // Background color
  --bg-color: #282a36;
  // Auto-complete color
  --atc-color: #3C4556;
  // Text color
  --fg-color: #f8f8f2;

  // Error color
  --err-color: #3C4556;

  // Active color
  --ac-color: #50fa7b;
  // Active text color
  --act-color: #282a36;
}

:root.light {
  --bg-dark-color: #e1e4eb;
  // Background color
  --bg-color: #ebeef5;
  // Auto-complete color
  --atc-color: #e1e4eb;
  // Text color
  --fg-color: #5d5d5f;

  // Error color
  --err-color: invert(#3C4556, 1);

  // Active color
  --ac-color: #57b5f9;
  // Active text color
  --act-color: #ebeef5;
}