/**
 * Authentication Base Styles
 * Custom styles for auth pages - Minimal CSS, Tailwind-first approach
 */

/* Hero Gradient */
.hero-gradient {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Button Primary */
.btn-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  transition: all 0.2s ease;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
}

/* Brand Colors */
.text-brand-primary {
  color: #667eea;
}

.text-brand-secondary {
  color: #764ba2;
}

.text-brand-primary:hover {
  color: #5a6fd8;
}

.text-brand-secondary:hover {
  color: #6a4190;
}

.border-brand-primary {
  border-color: #667eea;
}

.bg-brand-primary {
  background-color: #667eea;
}

/* Custom Scrollbar for Right Side */
.overflow-y-auto::-webkit-scrollbar {
  width: 8px;
}

.overflow-y-auto::-webkit-scrollbar-track {
  background: #f3f4f6;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* Responsive Adjustments */
@media (max-width: 1280px) {
  .hero-gradient {
    display: none;
  }
}

/* Print Styles */
@media print {
  .hero-gradient,
  .animate-float,
  .animate-float-delayed,
  .animate-float-slow,
  #loading-overlay,
  #toast-container,
  .fixed {
    display: none !important;
  }

  body {
    background: white !important;
  }

  .shadow-lg,
  .shadow-xl {
    box-shadow: none !important;
  }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  .animate-float,
  .animate-float-delayed,
  .animate-float-slow,
  .animate-fade-in,
  .animate-slide-right,
  .animate-slide-up,
  .animate-slide-in,
  .animate-bounce,
  .animate-pulse,
  .animate-ping {
    animation: none;
  }

  .btn-primary:hover {
    transform: none;
  }
}

/* High Contrast Mode Support */
@media (prefers-contrast: more) {
  .hero-gradient {
    background: #000 !important;
  }

  .btn-primary {
    background: #000 !important;
    border: 2px solid #fff;
  }

  .text-brand-primary,
  .text-brand-secondary {
    color: #000 !important;
  }
}

/* Accessibility - Focus States */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #667eea;
  outline-offset: 2px;
}