/* Tailwind CSS CDN */
@import url('https://cdn.tailwindcss.com');

/* Font olarak Inter kullan */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Tailwind'in varsayılan ayarlarını özelleştirme veya genel fontu ayarlama */
html {
  font-family: 'Inter', sans-serif;
}

/* Flatpickr için tema özelleştirmeleri (Tailwind sınıfları doğrudan uygulanamadığından özel CSS olarak kalır) */
/* Bu stiller Flatpickr'ın kendi elementlerine etki eder */
.flatpickr-calendar {
    border-radius: 0.5rem; /* rounded-lg */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-xl */
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background-color: #22c55e !important; /* green-500 */
    border-color: #22c55e !important; /* green-500 */
    color: white !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-month:hover {
    background-color: #e2e8f0; /* gray-200 */
}