/* MCADesk custom styles */

/* Primary color: Twitter Blue */
:root {
  --primary: #1DA1F2;
  --primary-hover: #1a91da;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Custom utility classes (supplement Tailwind) */
.btn-primary {
  background-color: var(--primary);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: background-color 0.2s;
}

.btn-primary:hover {
  background-color: var(--primary-hover);
}

/* Loading spinner */
.spinner {
  border: 2px solid #f3f3f3;
  border-top: 2px solid var(--primary);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}