/**
 * Renk Kontrastı Düzeltmeleri - WCAG AA Uyumlu
 * Tüm sayfalarda okunabilirlik için renk kontrastı iyileştirmeleri
 */

/* ===== GENEL METİN RENKLERİ ===== */
/* Tüm paragraflar ve metinler için minimum kontrast garantisi */
p, span, div, li, td, th {
    color: var(--text-primary) !important; /* #ffffff - Siyah üzerinde 21:1 kontrast */
}

/* İkincil metinler - daha açık gri */
.text-secondary, .secondary-text, .muted-text {
    color: var(--text-secondary) !important; /* #e5e5e5 - 12.6:1 kontrast */
}

/* Muted metinler - minimum kontrast */
.text-muted, .muted {
    color: var(--text-muted) !important; /* #9ca3af - 7.5:1 kontrast (WCAG AA) */
}

/* ===== FORM ELEMENTLERİ ===== */
/* Input, textarea, select için yüksek kontrast */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
    background-color: var(--bg-card) !important; /* #1f1f1f */
    color: var(--text-primary) !important; /* #ffffff */
    border: 1px solid var(--border-color) !important; /* #404040 */
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    font-size: 1rem; /* Minimum 16px okunabilirlik için */
    line-height: 1.5;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    outline: 2px solid var(--primary-color) !important;
    outline-offset: 2px;
    border-color: var(--primary-color) !important;
    background-color: var(--bg-card-hover) !important; /* #2a2a2a */
}

input::placeholder,
textarea::placeholder {
    color: var(--text-muted) !important; /* #9ca3af - WCAG AA uyumlu */
    opacity: 1; /* Bazı tarayıcılarda opacity düşük olabilir */
}

/* Label'lar için yüksek kontrast */
label {
    color: var(--text-primary) !important; /* #ffffff */
    font-weight: 500; /* Biraz kalın - daha okunabilir */
    margin-bottom: 0.5rem;
    display: block;
}

/* ===== CARD VE CONTAINER'LAR ===== */
.card, .panel-card, .info-card, .stat-card {
    background-color: var(--bg-card) !important; /* #1f1f1f */
    border: 1px solid var(--border-color) !important; /* #404040 */
    color: var(--text-primary) !important; /* #ffffff */
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
    color: var(--text-primary) !important; /* #ffffff */
}

.card p, .card span, .card div {
    color: var(--text-secondary) !important; /* #e5e5e5 */
}

/* ===== PANEL İÇERİKLERİ ===== */
.panel-content, .panel-body, .content-area {
    background-color: var(--bg-primary) !important; /* #0a0a0a */
    color: var(--text-primary) !important; /* #ffffff */
}

.panel-content h1,
.panel-content h2,
.panel-content h3,
.panel-content h4,
.panel-content h5,
.panel-content h6 {
    color: var(--text-primary) !important; /* #ffffff */
}

.panel-content p,
.panel-content span,
.panel-content div,
.panel-content li {
    color: var(--text-secondary) !important; /* #e5e5e5 */
}

/* ===== TABLO'LAR ===== */
table {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
    border-collapse: collapse;
    width: 100%;
}

th {
    background-color: var(--bg-secondary) !important; /* #1a1a1a */
    color: var(--text-primary) !important; /* #ffffff */
    font-weight: 600;
    padding: 0.75rem;
    border: 1px solid var(--border-color) !important;
}

td {
    background-color: var(--bg-card) !important;
    color: var(--text-secondary) !important; /* #e5e5e5 */
    padding: 0.75rem;
    border: 1px solid var(--border-color) !important;
}

tr:hover td {
    background-color: var(--bg-card-hover) !important; /* #2a2a2a */
}

/* ===== LİSTE'LER ===== */
ul, ol {
    color: var(--text-secondary) !important; /* #e5e5e5 */
}

li {
    color: var(--text-secondary) !important; /* #e5e5e5 */
    line-height: 1.7; /* Daha okunabilir satır aralığı */
}

/* ===== BUTON'LAR ===== */
.btn {
    font-weight: 500; /* Biraz kalın - daha okunabilir */
    letter-spacing: 0.01em; /* Harf aralığı */
}

.btn-outline {
    border-width: 2px; /* Daha kalın border - daha görünür */
}

/* ===== MODAL VE POPUP'LAR ===== */
.modal-content {
    background-color: var(--bg-card) !important; /* #1f1f1f */
    color: var(--text-primary) !important; /* #ffffff */
    border: 1px solid var(--border-color) !important;
}

.modal-content h1,
.modal-content h2,
.modal-content h3 {
    color: var(--text-primary) !important; /* #ffffff */
}

.modal-content p,
.modal-content span,
.modal-content div {
    color: var(--text-secondary) !important; /* #e5e5e5 */
}

/* ===== ALERT VE MESAJLAR ===== */
.alert, .message, .notification {
    border-width: 2px; /* Daha kalın border */
    font-weight: 500; /* Biraz kalın */
}

.alert-success {
    background-color: rgba(34, 197, 94, 0.15) !important;
    border-color: var(--success-color) !important;
    color: #86efac !important; /* Açık yeşil - WCAG AA uyumlu */
}

.alert-error, .alert-danger {
    background-color: rgba(239, 68, 68, 0.15) !important;
    border-color: var(--danger-color) !important;
    color: #fca5a5 !important; /* Açık kırmızı - WCAG AA uyumlu */
}

.alert-warning {
    background-color: rgba(245, 158, 11, 0.15) !important;
    border-color: var(--warning-color) !important;
    color: #fcd34d !important; /* Açık sarı - WCAG AA uyumlu */
}

.alert-info {
    background-color: rgba(59, 130, 246, 0.15) !important;
    border-color: var(--info-color) !important;
    color: #93c5fd !important; /* Açık mavi - WCAG AA uyumlu */
}

/* ===== ÖZEL DURUMLAR ===== */
/* Kırmızı metinler - daha açık yap */
.text-primary, .primary-text {
    color: #f87171 !important; /* Açık kırmızı - WCAG AA uyumlu */
}

/* Başlıklar için ekstra kontrast */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600; /* Biraz kalın */
    letter-spacing: -0.01em; /* Başlıklar için hafif negatif letter spacing */
}

/* Küçük metinler için minimum font boyutu */
small, .small-text {
    font-size: 0.875rem !important; /* 14px - minimum okunabilir */
    color: var(--text-muted) !important; /* #9ca3af */
    line-height: 1.5;
}

/* ===== RESPONSIVE İYİLEŞTİRMELER ===== */
@media (max-width: 768px) {
    /* Mobilde daha büyük font ve daha fazla kontrast */
    body {
        font-size: 16px; /* Minimum 16px */
    }
    
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    
    input, textarea, select {
        font-size: 16px !important; /* iOS zoom önleme */
    }
}

/* ===== ERİŞİLEBİLİRLİK İYİLEŞTİRMELERİ ===== */
/* Focus states için daha görünür outline */
*:focus-visible {
    outline: 2px solid var(--primary-color) !important;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Skip link için yüksek kontrast */
.skip-link {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-md);
    font-weight: 600;
}