/* Authentication layout specific styles */

:root {
  --primary-color: #2563eb; /* blue-600 */
  --primary-hover-color: #1d4ed8; /* blue-700 */
  --primary-light-color: #3b82f6; /* blue-500 */
  --primary-focus-ring: #93c5fd; /* blue-300 */
}

.text-primary-600 {
  color: var(--primary-color);
}

.text-primary-500 {
  color: var(--primary-light-color);
}

.bg-primary-600 {
  background-color: var(--primary-color);
}

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

.focus\:ring-primary-300:focus {
  --tw-ring-color: var(--primary-focus-ring);
}

.focus\:ring-primary-600:focus {
  --tw-ring-color: var(--primary-color);
}

.focus\:border-primary-600:focus {
  border-color: var(--primary-color);
}

.dark\:bg-primary-600 {
  background-color: var(--primary-color);
}

.dark\:hover\:bg-primary-700:hover {
  background-color: var(--primary-hover-color);
}

.dark\:focus\:ring-primary-800:focus {
  --tw-ring-color: var(--primary-hover-color);
}

.hover\:bg-primary-700:hover {
  background-color: var(--primary-hover-color);
}

.hover\:underline:hover {
  text-decoration: underline;
}

.dark\:focus\:ring-primary-600:focus {
  --tw-ring-color: var(--primary-color);
}

.font-medium.text-primary-600 {
  font-weight: 500;
  color: var(--primary-color);
}

.dark\:text-primary-500 {
  color: var(--primary-light-color);
}