/**
  Main Themes:

  - dark (default)
  - light
 */

// Dark is the default theme variant.
:root {
  --bg-dark-color: #1d1f27;
  // Background color
  --bg-color: #282a36;
  // Auto-complete color
  --atc-color: #20212b;
  // Text color
  --fg-color: #c4c6d4;
  // Border color
  --brd-color: #333545;
  // Error color
  --err-color: #303341;
  // Active color
  --ac-color: #50fa7b;
  // Active text color
  --act-color: #282a36;
}

:root.light {
  --bg-dark-color: #7a7a7a;
  // Background color
  --bg-color: #fff;
  // Auto-complete color
  --atc-color: #ebebeb;
  // Text color
  --fg-color: #525252;
  // Border color
  --brd-color: #f2f2f2;
  // Error color
  --err-color: invert(#303341, 1);
  // Active color
  --ac-color: #57b5f9;
  // Active text color
  --act-color: #fff;
}