/* Tema Customizado para Layout Público - Apenas Tons de Cinza */

/* Cores de fundo */
.bg-gray-50 { background-color: #f9fafb; }
.bg-gray-100 { background-color: #f3f4f6; }
.bg-gray-200 { background-color: #e5e7eb; }
.bg-gray-300 { background-color: #d1d5db; }
.bg-gray-400 { background-color: #9ca3af; }
.bg-gray-500 { background-color: #6b7280; }
.bg-gray-600 { background-color: #4b5563; }
.bg-gray-700 { background-color: #374151; }
.bg-gray-800 { background-color: #1f2937; }
.bg-gray-900 { background-color: #111827; }
.bg-white { background-color: #ffffff; }

/* Cores de texto */
.text-gray-50 { color: #f9fafb; }
.text-gray-100 { color: #f3f4f6; }
.text-gray-200 { color: #e5e7eb; }
.text-gray-300 { color: #d1d5db; }
.text-gray-400 { color: #9ca3af; }
.text-gray-500 { color: #6b7280; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-gray-800 { color: #1f2937; }
.text-gray-900 { color: #111827; }
.text-white { color: #ffffff; }

/* Cores de borda */
.border-gray-50 { border-color: #f9fafb; }
.border-gray-100 { border-color: #f3f4f6; }
.border-gray-200 { border-color: #e5e7eb; }
.border-gray-300 { border-color: #d1d5db; }
.border-gray-400 { border-color: #9ca3af; }
.border-gray-500 { border-color: #6b7280; }
.border-gray-600 { border-color: #4b5563; }
.border-gray-700 { border-color: #374151; }
.border-gray-800 { border-color: #1f2937; }
.border-gray-900 { border-color: #111827; }

/* Cores de hover */
.hover\:bg-gray-50:hover { background-color: #f9fafb; }
.hover\:bg-gray-100:hover { background-color: #f3f4f6; }
.hover\:bg-gray-200:hover { background-color: #e5e7eb; }
.hover\:bg-gray-300:hover { background-color: #d1d5db; }
.hover\:bg-gray-400:hover { background-color: #9ca3af; }
.hover\:bg-gray-500:hover { background-color: #6b7280; }
.hover\:bg-gray-600:hover { background-color: #4b5563; }
.hover\:bg-gray-700:hover { background-color: #374151; }
.hover\:bg-gray-800:hover { background-color: #1f2937; }
.hover\:bg-gray-900:hover { background-color: #111827; }

.hover\:text-gray-50:hover { color: #f9fafb; }
.hover\:text-gray-100:hover { color: #f3f4f6; }
.hover\:text-gray-200:hover { color: #e5e7eb; }
.hover\:text-gray-300:hover { color: #d1d5db; }
.hover\:text-gray-400:hover { color: #9ca3af; }
.hover\:text-gray-500:hover { color: #6b7280; }
.hover\:text-gray-600:hover { color: #4b5563; }
.hover\:text-gray-700:hover { color: #374151; }
.hover\:text-gray-800:hover { color: #1f2937; }
.hover\:text-gray-900:hover { color: #111827; }

.hover\:border-gray-50:hover { border-color: #f9fafb; }
.hover\:border-gray-100:hover { border-color: #f3f4f6; }
.hover\:border-gray-200:hover { border-color: #e5e7eb; }
.hover\:border-gray-300:hover { border-color: #d1d5db; }
.hover\:border-gray-400:hover { border-color: #9ca3af; }
.hover\:border-gray-500:hover { border-color: #6b7280; }
.hover\:border-gray-600:hover { border-color: #4b5563; }
.hover\:border-gray-700:hover { border-color: #374151; }
.hover\:border-gray-800:hover { border-color: #1f2937; }
.hover\:border-gray-900:hover { border-color: #111827; }

/* Cores de focus */
.focus\:ring-gray-500:focus { --tw-ring-color: #6b7280; }
.focus\:border-gray-500:focus { border-color: #6b7280; }

/* Cores de status (substituindo cores coloridas por tons de cinza) */
.bg-yellow-100 { background-color: #f3f4f6; }
.text-yellow-800 { color: #374151; }
.bg-green-100 { background-color: #f9fafb; }
.text-green-800 { color: #111827; }
.bg-red-100 { background-color: #f3f4f6; }
.text-red-800 { color: #374151; }
.bg-blue-100 { background-color: #f9fafb; }
.text-blue-800 { color: #111827; }
.bg-indigo-100 { background-color: #f3f4f6; }
.text-indigo-600 { color: #4b5563; }
.text-indigo-700 { color: #374151; }

/* Cores de ícones (substituindo cores coloridas por tons de cinza) */
.text-green-600 { color: #4b5563; }
.text-blue-600 { color: #6b7280; }
.text-yellow-600 { color: #9ca3af; }
.text-purple-600 { color: #6b7280; }
.text-red-600 { color: #6b7280; }

/* Cores de botões e elementos interativos */
.bg-indigo-600 { background-color: #374151; }
.hover\:bg-indigo-700:hover { background-color: #1f2937; }
.focus\:ring-indigo-500:focus { --tw-ring-color: #6b7280; }

/* Cores de gradiente (substituindo por tons de cinza) */
.gradient-bg {
  background: linear-gradient(135deg, #6b7280 0%, #374151 100%);
}

/* Cores de sombra */
.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
.shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); }