/* Temel Ayarlar */
body { 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale;
}

/* Özel Kaydırma Çubuğu (Scrollbar) - Modern Görünüm */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9; /* Tailwind slate-100 */
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1; /* Tailwind slate-300 */
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8; /* Tailwind slate-400 */
}

/* Javascript'te kullandığımız Fade In Animasyonu */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

/* Blog ve İçerik Alanı (Prose) İyileştirmeleri */
.prose img { 
  max-width: 100%; 
  border-radius: 12px; 
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.prose h2 { 
  font-size: 1.75rem; 
  font-weight: 800; 
  color: #1e293b; /* slate-800 */
  margin-top: 2rem; 
  margin-bottom: 1rem; 
}
.prose p { 
  margin-bottom: 1.25rem; 
  line-height: 1.8; 
  color: #475569; /* slate-600 */
}
.prose a {
  color: #4f46e5; /* indigo-600 */
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
.prose a:hover {
  border-color: #4f46e5;
}

/* CV Önizleme İframe'i İçin Şık Çerçeve */
#previewFrame { 
  border: 1px solid #e2e8f0; 
  border-radius: 0.5rem;
  background-color: white;
  transition: box-shadow 0.3s ease;
}
#previewFrame:hover {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}