/* Custom Styles */
:root {
    /* Ana Renkler */
    --primary-color: #0ea5e9;
    --primary-hover: #0284c7;
    --primary-light: #e0f2fe;
    --primary-dark: #0369a1;
    
    /* Metin Renkleri */
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-light: #9ca3af;
    
    /* Arka Plan Renkleri */
    --bg-primary: #ffffff;
    --bg-secondary: #f3f4f6;
    --bg-tertiary: #e5e7eb;
}

/* Dark Mode Renkleri */
.dark {
    /* Ana Renkler */
    --primary-color: #0ea5e9;
    --primary-hover: #0284c7;
    --primary-light: #0369a1;
    --primary-dark: #0c4a6e;
    
    /* Metin Renkleri */
    --text-primary: #0ea5e9;
    --text-secondary: #38bdf8;
    --text-light: #7dd3fc;
    
    /* Arka Plan Renkleri */
    --bg-primary: #111827;
    --bg-secondary: #1f2937;
    --bg-tertiary: #374151;
}

/* Temel Stiller */
body {
    color: var(--text-primary);
    background-color: var(--bg-primary);
}

/* Dark Mode Metin Renkleri */
.dark .text-primary {
    color: var(--text-primary);
}

.dark .text-secondary {
    color: var(--text-secondary);
}

.dark .text-light {
    color: var(--text-light);
}

/* Dark Mode Arka Plan Renkleri */
.dark .bg-primary {
    background-color: var(--bg-primary);
}

.dark .bg-secondary {
    background-color: var(--bg-secondary);
}

.dark .bg-tertiary {
    background-color: var(--bg-tertiary);
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideIn {
    from { transform: translateY(20px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

/* Page Transitions */
.page-enter {
    animation: fadeIn 0.3s ease-in-out;
}

.card-enter {
    animation: slideIn 0.3s ease-in-out;
}

/* Custom Form Styles */
.form-input {
    @apply w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;
}

.form-label {
    @apply block text-sm font-medium text-gray-700 mb-1;
}

.form-button {
    @apply w-full bg-blue-600 text-white py-3 px-6 rounded-lg hover:bg-blue-700 transition-colors duration-200;
}

/* Card Hover Effects */
.hover-card {
    @apply transition-all duration-300;
}

.hover-card:hover {
    @apply transform -translate-y-1 shadow-lg;
}

/* Mobile Menu */
.mobile-menu {
    @apply fixed inset-0 bg-white z-50 transform transition-transform duration-300;
}

.mobile-menu.hidden {
    @apply translate-x-full;
}

/* Accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Loading States */
.loading {
    @apply animate-pulse bg-gray-200;
}

/* Print Styles */
@media print {
    .no-print {
        display: none;
    }
}

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

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

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

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