/* ============================================
   ИСПРАВЛЕНИЯ ДЛЯ КНОПОК С КЛАССАМИ TEXT-*
   ============================================ */

/* Сброс стилей button по умолчанию */
button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

/* ============================================
   TAILWIND COLOR PALETTE - TEXT COLORS
   ============================================ */

/* Slate */
.text-slate-50 { color: #f8fafc !important; }
.text-slate-100 { color: #f1f5f9 !important; }
.text-slate-200 { color: #e2e8f0 !important; }
.text-slate-300 { color: #cbd5e1 !important; }
.text-slate-400 { color: #94a3b8 !important; }
.text-slate-500 { color: #64748b !important; }
.text-slate-600 { color: #475569 !important; }
.text-slate-700 { color: #334155 !important; }
.text-slate-800 { color: #1e293b !important; }
.text-slate-900 { color: #0f172a !important; }

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

/* Zinc */
.text-zinc-50 { color: #fafafa !important; }
.text-zinc-100 { color: #f4f4f5 !important; }
.text-zinc-200 { color: #e4e4e7 !important; }
.text-zinc-300 { color: #d4d4d8 !important; }
.text-zinc-400 { color: #a1a1aa !important; }
.text-zinc-500 { color: #71717a !important; }
.text-zinc-600 { color: #52525b !important; }
.text-zinc-700 { color: #3f3f46 !important; }
.text-zinc-800 { color: #27272a !important; }
.text-zinc-900 { color: #18181b !important; }

/* Red */
.text-red-50 { color: #fef2f2 !important; }
.text-red-100 { color: #fee2e2 !important; }
.text-red-200 { color: #fecaca !important; }
.text-red-300 { color: #fca5a5 !important; }
.text-red-400 { color: #f87171 !important; }
.text-red-500 { color: #ef4444 !important; }
.text-red-600 { color: #dc2626 !important; }
.text-red-700 { color: #b91c1c !important; }
.text-red-800 { color: #991b1b !important; }
.text-red-900 { color: #7f1d1d !important; }

/* Orange */
.text-orange-50 { color: #fff7ed !important; }
.text-orange-100 { color: #ffedd5 !important; }
.text-orange-200 { color: #fed7aa !important; }
.text-orange-300 { color: #fdba74 !important; }
.text-orange-400 { color: #fb923c !important; }
.text-orange-500 { color: #f97316 !important; }
.text-orange-600 { color: #ea580c !important; }
.text-orange-700 { color: #c2410c !important; }
.text-orange-800 { color: #9a3412 !important; }
.text-orange-900 { color: #7c2d12 !important; }

/* Amber */
.text-amber-50 { color: #fffbeb !important; }
.text-amber-100 { color: #fef3c7 !important; }
.text-amber-200 { color: #fde68a !important; }
.text-amber-300 { color: #fcd34d !important; }
.text-amber-400 { color: #fbbf24 !important; }
.text-amber-500 { color: #f59e0b !important; }
.text-amber-600 { color: #d97706 !important; }
.text-amber-700 { color: #b45309 !important; }
.text-amber-800 { color: #92400e !important; }
.text-amber-900 { color: #78350f !important; }

/* Yellow */
.text-yellow-50 { color: #fefce8 !important; }
.text-yellow-100 { color: #fef9c3 !important; }
.text-yellow-200 { color: #fef08a !important; }
.text-yellow-300 { color: #fde047 !important; }
.text-yellow-400 { color: #facc15 !important; }
.text-yellow-500 { color: #eab308 !important; }
.text-yellow-600 { color: #ca8a04 !important; }
.text-yellow-700 { color: #a16207 !important; }
.text-yellow-800 { color: #854d0e !important; }
.text-yellow-900 { color: #713f12 !important; }

/* Lime */
.text-lime-50 { color: #f7fee7 !important; }
.text-lime-100 { color: #ecfccb !important; }
.text-lime-200 { color: #d9f99d !important; }
.text-lime-300 { color: #bef264 !important; }
.text-lime-400 { color: #a3e635 !important; }
.text-lime-500 { color: #84cc16 !important; }
.text-lime-600 { color: #65a30d !important; }
.text-lime-700 { color: #4d7c0f !important; }
.text-lime-800 { color: #3f6212 !important; }
.text-lime-900 { color: #365314 !important; }

/* Green */
.text-green-50 { color: #f0fdf4 !important; }
.text-green-100 { color: #dcfce7 !important; }
.text-green-200 { color: #bbf7d0 !important; }
.text-green-300 { color: #86efac !important; }
.text-green-400 { color: #4ade80 !important; }
.text-green-500 { color: #22c55e !important; }
.text-green-600 { color: #16a34a !important; }
.text-green-700 { color: #15803d !important; }
.text-green-800 { color: #166534 !important; }
.text-green-900 { color: #14532d !important; }

/* Emerald */
.text-emerald-50 { color: #ecfdf5 !important; }
.text-emerald-100 { color: #d1fae5 !important; }
.text-emerald-200 { color: #a7f3d0 !important; }
.text-emerald-300 { color: #6ee7b7 !important; }
.text-emerald-400 { color: #34d399 !important; }
.text-emerald-500 { color: #10b981 !important; }
.text-emerald-600 { color: #059669 !important; }
.text-emerald-700 { color: #047857 !important; }
.text-emerald-800 { color: #065f46 !important; }
.text-emerald-900 { color: #064e3b !important; }

/* Teal */
.text-teal-50 { color: #f0fdfa !important; }
.text-teal-100 { color: #ccfbf1 !important; }
.text-teal-200 { color: #99f6e4 !important; }
.text-teal-300 { color: #5eead4 !important; }
.text-teal-400 { color: #2dd4bf !important; }
.text-teal-500 { color: #14b8a6 !important; }
.text-teal-600 { color: #0d9488 !important; }
.text-teal-700 { color: #0f766e !important; }
.text-teal-800 { color: #115e59 !important; }
.text-teal-900 { color: #134e4a !important; }

/* Cyan */
.text-cyan-50 { color: #ecfeff !important; }
.text-cyan-100 { color: #cffafe !important; }
.text-cyan-200 { color: #a5f3fc !important; }
.text-cyan-300 { color: #67e8f9 !important; }
.text-cyan-400 { color: #22d3ee !important; }
.text-cyan-500 { color: #06b6d4 !important; }
.text-cyan-600 { color: #0891b2 !important; }
.text-cyan-700 { color: #0e7490 !important; }
.text-cyan-800 { color: #155e75 !important; }
.text-cyan-900 { color: #164e63 !important; }

/* Sky */
.text-sky-50 { color: #f0f9ff !important; }
.text-sky-100 { color: #e0f2fe !important; }
.text-sky-200 { color: #bae6fd !important; }
.text-sky-300 { color: #7dd3fc !important; }
.text-sky-400 { color: #38bdf8 !important; }
.text-sky-500 { color: #0ea5e9 !important; }
.text-sky-600 { color: #0284c7 !important; }
.text-sky-700 { color: #0369a1 !important; }
.text-sky-800 { color: #075985 !important; }
.text-sky-900 { color: #0c4a6e !important; }

/* Blue */
.text-blue-50 { color: #eff6ff !important; }
.text-blue-100 { color: #dbeafe !important; }
.text-blue-200 { color: #bfdbfe !important; }
.text-blue-300 { color: #93c5fd !important; }
.text-blue-400 { color: #60a5fa !important; }
.text-blue-500 { color: #3b82f6 !important; }
.text-blue-600 { color: #2563eb !important; }
.text-blue-700 { color: #1d4ed8 !important; }
.text-blue-800 { color: #1e40af !important; }
.text-blue-900 { color: #1e3a8a !important; }

/* Indigo */
.text-indigo-50 { color: #eef2ff !important; }
.text-indigo-100 { color: #e0e7ff !important; }
.text-indigo-200 { color: #c7d2fe !important; }
.text-indigo-300 { color: #a5b4fc !important; }
.text-indigo-400 { color: #818cf8 !important; }
.text-indigo-500 { color: #6366f1 !important; }
.text-indigo-600 { color: #4f46e5 !important; }
.text-indigo-700 { color: #4338ca !important; }
.text-indigo-800 { color: #3730a3 !important; }
.text-indigo-900 { color: #312e81 !important; }

/* Violet */
.text-violet-50 { color: #f5f3ff !important; }
.text-violet-100 { color: #ede9fe !important; }
.text-violet-200 { color: #ddd6fe !important; }
.text-violet-300 { color: #c4b5fd !important; }
.text-violet-400 { color: #a78bfa !important; }
.text-violet-500 { color: #8b5cf6 !important; }
.text-violet-600 { color: #7c3aed !important; }
.text-violet-700 { color: #6d28d9 !important; }
.text-violet-800 { color: #5b21b6 !important; }
.text-violet-900 { color: #4c1d95 !important; }

/* Purple */
.text-purple-50 { color: #faf5ff !important; }
.text-purple-100 { color: #f3e8ff !important; }
.text-purple-200 { color: #e9d5ff !important; }
.text-purple-300 { color: #d8b4fe !important; }
.text-purple-400 { color: #c084fc !important; }
.text-purple-500 { color: #a855f7 !important; }
.text-purple-600 { color: #9333ea !important; }
.text-purple-700 { color: #7e22ce !important; }
.text-purple-800 { color: #6b21a8 !important; }
.text-purple-900 { color: #581c87 !important; }

/* Fuchsia */
.text-fuchsia-50 { color: #fdf4ff !important; }
.text-fuchsia-100 { color: #fae8ff !important; }
.text-fuchsia-200 { color: #f5d0fe !important; }
.text-fuchsia-300 { color: #f0abfc !important; }
.text-fuchsia-400 { color: #e879f9 !important; }
.text-fuchsia-500 { color: #d946ef !important; }
.text-fuchsia-600 { color: #c026d3 !important; }
.text-fuchsia-700 { color: #a21caf !important; }
.text-fuchsia-800 { color: #86198f !important; }
.text-fuchsia-900 { color: #701a75 !important; }

/* Pink */
.text-pink-50 { color: #fdf2f8 !important; }
.text-pink-100 { color: #fce7f3 !important; }
.text-pink-200 { color: #fbcfe8 !important; }
.text-pink-300 { color: #f9a8d4 !important; }
.text-pink-400 { color: #f472b6 !important; }
.text-pink-500 { color: #ec4899 !important; }
.text-pink-600 { color: #db2777 !important; }
.text-pink-700 { color: #be185d !important; }
.text-pink-800 { color: #9d174d !important; }
.text-pink-900 { color: #831843 !important; }

/* Rose */
.text-rose-50 { color: #fff1f2 !important; }
.text-rose-100 { color: #ffe4e6 !important; }
.text-rose-200 { color: #fecdd3 !important; }
.text-rose-300 { color: #fda4af !important; }
.text-rose-400 { color: #fb7185 !important; }
.text-rose-500 { color: #f43f5e !important; }
.text-rose-600 { color: #e11d48 !important; }
.text-rose-700 { color: #be123c !important; }
.text-rose-800 { color: #9f1239 !important; }
.text-rose-900 { color: #881337 !important; }

/* ============================================
   HOVER STATES - TEXT COLORS
   ============================================ */

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

/* Red hover */
.hover\:text-red-50:hover { color: #fef2f2 !important; }
.hover\:text-red-100:hover { color: #fee2e2 !important; }
.hover\:text-red-200:hover { color: #fecaca !important; }
.hover\:text-red-300:hover { color: #fca5a5 !important; }
.hover\:text-red-400:hover { color: #f87171 !important; }
.hover\:text-red-500:hover { color: #ef4444 !important; }
.hover\:text-red-600:hover { color: #dc2626 !important; }
.hover\:text-red-700:hover { color: #b91c1c !important; }
.hover\:text-red-800:hover { color: #991b1b !important; }
.hover\:text-red-900:hover { color: #7f1d1d !important; }

/* Orange hover */
.hover\:text-orange-600:hover { color: #ea580c !important; }
.hover\:text-orange-700:hover { color: #c2410c !important; }
.hover\:text-orange-800:hover { color: #9a3412 !important; }
.hover\:text-orange-900:hover { color: #7c2d12 !important; }

/* Yellow hover */
.hover\:text-yellow-600:hover { color: #ca8a04 !important; }
.hover\:text-yellow-700:hover { color: #a16207 !important; }
.hover\:text-yellow-800:hover { color: #854d0e !important; }
.hover\:text-yellow-900:hover { color: #713f12 !important; }

/* Green hover */
.hover\:text-green-50:hover { color: #f0fdf4 !important; }
.hover\:text-green-100:hover { color: #dcfce7 !important; }
.hover\:text-green-200:hover { color: #bbf7d0 !important; }
.hover\:text-green-300:hover { color: #86efac !important; }
.hover\:text-green-400:hover { color: #4ade80 !important; }
.hover\:text-green-500:hover { color: #22c55e !important; }
.hover\:text-green-600:hover { color: #16a34a !important; }
.hover\:text-green-700:hover { color: #15803d !important; }
.hover\:text-green-800:hover { color: #166534 !important; }
.hover\:text-green-900:hover { color: #14532d !important; }

/* Blue hover */
.hover\:text-blue-50:hover { color: #eff6ff !important; }
.hover\:text-blue-100:hover { color: #dbeafe !important; }
.hover\:text-blue-200:hover { color: #bfdbfe !important; }
.hover\:text-blue-300:hover { color: #93c5fd !important; }
.hover\:text-blue-400:hover { color: #60a5fa !important; }
.hover\:text-blue-500:hover { color: #3b82f6 !important; }
.hover\:text-blue-600:hover { color: #2563eb !important; }
.hover\:text-blue-700:hover { color: #1d4ed8 !important; }
.hover\:text-blue-800:hover { color: #1e40af !important; }
.hover\:text-blue-900:hover { color: #1e3a8a !important; }

/* Indigo hover */
.hover\:text-indigo-600:hover { color: #4f46e5 !important; }
.hover\:text-indigo-700:hover { color: #4338ca !important; }
.hover\:text-indigo-800:hover { color: #3730a3 !important; }
.hover\:text-indigo-900:hover { color: #312e81 !important; }

/* Purple hover */
.hover\:text-purple-50:hover { color: #faf5ff !important; }
.hover\:text-purple-100:hover { color: #f3e8ff !important; }
.hover\:text-purple-200:hover { color: #e9d5ff !important; }
.hover\:text-purple-300:hover { color: #d8b4fe !important; }
.hover\:text-purple-400:hover { color: #c084fc !important; }
.hover\:text-purple-500:hover { color: #a855f7 !important; }
.hover\:text-purple-600:hover { color: #9333ea !important; }
.hover\:text-purple-700:hover { color: #7e22ce !important; }
.hover\:text-purple-800:hover { color: #6b21a8 !important; }
.hover\:text-purple-900:hover { color: #581c87 !important; }

/* Pink hover */
.hover\:text-pink-600:hover { color: #db2777 !important; }
.hover\:text-pink-700:hover { color: #be185d !important; }
.hover\:text-pink-800:hover { color: #9d174d !important; }
.hover\:text-pink-900:hover { color: #831843 !important; }

/* Убираем outline при фокусе на иконках-кнопках */
button:focus {
    outline: none;
}

/* Transition для hover эффектов */
button[class*="hover:text-"] {
    transition: color 0.2s ease;
}