/* Bu dosya, Tailwind CSS'in üzerine ek özelleştirmeler yapmak için kullanılabilir */
body {
    background-color: #f0f4f8;
}

.container {
    max-width: 1200px;
}

/* Mizaç kartları için özel stiller */
.mizac-card {
    transition: transform 0.3s ease-in-out;
}

.mizac-card:hover {
    transform: translateY(-5px);
}

/* Form elemanları için özel odaklanma efekti */
.form-input:focus, .form-select:focus {
    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
}

/* Responsive tasarım için ek stiller */
@media (max-width: 640px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Diğer özel stiller buraya eklenebilir */