/* common.css - Shared CSS styles for all pages */

/* Custom scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
  }
  
  .custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.5);
    border-radius: 20px;
  }
  
  .dark .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(75, 85, 99, 0.5);
  }
  
  /* Dark mode toggle button */
  .dark-mode-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: background-color 0.2s;
  }
  
  .dark-mode-toggle:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  .dark .dark-mode-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  /* Message animation */
  .message {
    animation: message-appear 0.3s ease-out forwards;
  }
  
  /* Transitions */
  .page-transition {
    transition: background-color 0.3s, color 0.3s;
  }