/* Fuzem.com Renk Şeması ve Font Ayarları */

/* Google Fonts - Urbanist */
@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800;900&display=swap');

/* Global Font */
* {
    font-family: 'Urbanist', sans-serif;
}

body {
    font-family: 'Urbanist', sans-serif;
}

.logo{
	text-align: center;
    margin: 0 auto;
    max-width: 160px;
    margin-bottom: 20px;
}
/* Primary Renk (#FAB027) */
:root {
    --primary-color: #FAB027;
    --primary-dark: #E09D1F;
    --primary-light: #FFC857;
    --secondary-color: #1e1e1e;
    --secondary-light: #2e2e2e;
    --secondary-dark: #0f0f0f;
}

/* Primary Renk Sınıfları */
.bg-primary {
    background-color: #FAB027 !important;
}

.bg-primary-dark {
    background-color: #E09D1F !important;
}

.bg-primary-light {
    background-color: #FFC857 !important;
}

.text-primary {
    color: #FAB027 !important;
}

.border-primary {
    border-color: #FAB027 !important;
}

.hover\:bg-primary:hover {
    background-color: #E09D1F !important;
}

.hover\:text-primary:hover {
    color: #FAB027 !important;
}

/* Secondary Renk Sınıfları */
.bg-secondary {
    background-color: #1e1e1e !important;
}

.bg-secondary-light {
    background-color: #2e2e2e !important;
}

.bg-secondary-dark {
    background-color: #0f0f0f !important;
}

.text-secondary {
    color: #1e1e1e !important;
}

.border-secondary {
    border-color: #1e1e1e !important;
}

.hover\:bg-secondary:hover {
    background-color: #2e2e2e !important;
}

/* Tailwind Override - Indigo yerine Primary */
.bg-indigo-600 {
    background-color: #FAB027 !important;
}

.bg-indigo-700 {
    background-color: #E09D1F !important;
}

.bg-indigo-100 {
    background-color: #FFF4E0 !important;
}

.text-indigo-600 {
    color: #FAB027 !important;
}

.text-indigo-800 {
    color: #E09D1F !important;
}

.border-indigo-500 {
    border-color: #FAB027 !important;
}

.focus\:ring-indigo-500:focus,
.focus\:ring-primary:focus {
    --tw-ring-color: #FAB027 !important;
    border-color: #FAB027 !important;
}

.focus\:ring-2:focus {
    --tw-ring-color: #FAB027 !important;
    box-shadow: 0 0 0 3px rgba(250, 176, 39, 0.1) !important;
}

/* Butonlar */
button.bg-indigo-600,
a.bg-indigo-600 {
    background-color: #FAB027 !important;
}

button.bg-indigo-600:hover,
a.bg-indigo-600:hover,
.hover\:bg-indigo-700:hover {
    background-color: #E09D1F !important;
}

/* Form Input Focus */
input:focus,
select:focus,
textarea:focus {
    border-color: #FAB027 !important;
    --tw-ring-color: #FAB027 !important;
}

/* Linkler */
a.text-indigo-600 {
    color: #FAB027 !important;
}

a.text-indigo-600:hover {
    color: #E09D1F !important;
}

/* Badge ve Etiketler */
.bg-indigo-100 {
    background-color: #FFF4E0 !important;
}

.text-indigo-800 {
    color: #E09D1F !important;
}

/* Header ve Footer */
header.bg-white {
    border-bottom: 2px solid #FAB027;
}

/* Gradient Arka Planlar */
.bg-gradient-to-br {
    background: linear-gradient(to bottom right, #FFF4E0, #FFE8B3) !important;
}

/* Admin Panel Özel Renkler */
.admin-header {
    background-color: #1e1e1e !important;
    color: #FAB027 !important;
}

.admin-header h1 {
    color: #FAB027 !important;
}

/* Modal Header */
.modal-header-primary {
    background-color: #FAB027 !important;
    color: #1e1e1e !important;
}

.modal-header-secondary {
    background-color: #1e1e1e !important;
    color: #FAB027 !important;
}

/* İstatistik Kartları */
.stat-card-primary {
    background: linear-gradient(135deg, #FAB027 0%, #E09D1F 100%);
    color: #1e1e1e;
}

.stat-card-secondary {
    background: linear-gradient(135deg, #1e1e1e 0%, #2e2e2e 100%);
    color: #FAB027;
}

/* Tablo Header */
table thead.bg-indigo-600 {
    background-color: #1e1e1e !important;
    color: #FAB027 !important;
}

/* Checkbox ve Radio */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #FAB027;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #FAB027;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E09D1F;
}

/* Özel Buton Stilleri */
.btn-primary {
    background-color: #FAB027;
    color: #1e1e1e;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #E09D1F;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(250, 176, 39, 0.4);
}

.btn-secondary {
    background-color: #1e1e1e;
    color: #FAB027;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background-color: #2e2e2e;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 30, 30, 0.4);
}

/* Input Focus Efekti */
input:focus,
select:focus,
textarea:focus {
    box-shadow: 0 0 0 3px rgba(250, 176, 39, 0.1) !important;
}

/* Success Mesajları */
.bg-green-50 {
    border-left-color: #10b981 !important;
}

/* Error Mesajları */
.bg-red-50 {
    border-left-color: #ef4444 !important;
}

/* Loading Spinner */
.spinner-primary {
    border-color: #FAB027 transparent transparent transparent;
}

/* Özel Animasyonlar */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

/* Responsive Ayarlar */
@media (max-width: 768px) {
    .btn-primary,
    .btn-secondary {
        width: 100%;
        margin-bottom: 10px;
    }
}