:root {
  /* Flat Colors */
  --flat-blue: #3498db;
  --flat-blue-dark: #2980b9;
  --flat-green: #2ecc71;
  --flat-green-dark: #27ae60;
  --flat-cyan: #1abc9c;
  --flat-cyan-dark: #16a085;
  --flat-purple: #9b59b6;
  --flat-purple-dark: #8e44ad;
  --flat-orange: #e67e22;
  --flat-orange-dark: #d35400;
  --flat-yellow: #f1c40f;
  --flat-yellow-dark: #f39c12;
  --flat-red: #e74c3c;
  --flat-red-dark: #c0392b;
  --flat-milk: #ecf0f1;
  --flat-milk-dark: #bdc3c7;
  --flat-gray: #95a5a6;
  --flat-gray-dark: #7f8c8d;
  --flat-night: #34495e;
  --flat-night-dark: #2c3e50;

  --ocean-blue: rgb(7, 108, 224);
  --dark-gray: #646464;
  --light-gray: #aaa;
  --extra-light-gray: #ccc;
  --lightest-gray: #eee;
}