:root {
  /* background */
  --bg-color: #000000;
  --alt-bg-color: #121212;

  /* primary colors */
  --main-color: #e0e0e0;
  --pipe-color: #f3722c;
  
  /* text colors */
  --text-color: #ffffff;
  --sub-text-color: #808080;
  --sub-alt-text-color: #404040;
  
  /* error colors */
  --error-color: #ff6b6b;
  --error-extra-color: #ee5a52;
  --colorful-error-color: #ff8787;
  --colorful-error-extra-color: #ff9999;

  /* success colors */
  --success-color: #51cf66;
  --success-extra-color: #37b24d;
  
  /* star rating colors */
  --star-white: #ffffff;
  --star-green: #10b981;
  --star-yellow: #fbbf24;
  --star-orange: #f97316;
  --star-red: #ef4444;
}