:root {
  --background: #f4f5f7;
  --text-color: #222;
  --primary: #007bff;
  --primary-hover: #0056b3;

  --success: #28a745;
  --danger: #dc3545;
  --info: #17a2b8;
  --warning: #ffc107;

  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
}