:root {
  --main-bg-color:  linear-gradient(to bottom, #1f2937,#111827);

  --modal-bg-color: #374151; 
  --modal-footer-color: #374151;
  --modal-header-color: #374151;

  --drop-down-menu-bg: #374151;

  --button-color: #4f46e5;
  --button-color-hover: #6366f1;
  --button-text: #eee;
  --button-text-hover: #fff;

  --accent-color: 167, 139, 250;
  --accent-color-hover: rgb(var(--accent-color),.8);
  --link-color: #a78bfa;
  --link-color-hover: #fff;
  --label-text-color: #111827;

  --text: #d1d5db;
  --text-hover: #fff;
  --text-muted: #9ca3af;
}