/* 1) Varsayılan (light) – soft denerim */
:root {
    /* Temel palet (yumuşatılmış kontrast) */
    --bg: #fdfdfd;
    --bg-soft: #f5f7fa;
    --text: #16202a;
    --text-muted: #707b8c;
    --card: #ffffff;
    --border: #e6eaf0;
    /* Denerim turuncusu – soft & strong */
    --accent: #ff6a1a; /* günlük vurgu: daha sıcak ve yumuşak */
    --accent-strong: #ff4500; /* marka vurgusu: CTA/özel durumlar */
    --accent-contrast: #111827;
    /* Odak halkası / etkileşim */
    --ring: color-mix(in oklab, var(--accent), transparent 70%);
    /* Gölge ve efekt (bir tık yumuşak) */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 8px 20px rgba(0,0,0,0.08);
    /* Link (bir ton yumuşatılmış gökyüzü mavisi) */
    --link: #2aa7e7;
    --link-hover: #158ecf;
    /* Bootstrap köprüleri */
    --bs-body-bg: var(--bg);
    --bs-body-color: var(--text);
    --bs-border-color: var(--border);
    --bs-link-color: var(--link);
    --bs-link-hover-color: var(--link-hover);
    --bs-primary: var(--accent);
}

html[data-theme="dark"] {
    /* Daha yumuşak, ılık koyu tonlar */
    --bg: #1a222e; /* önceki #0c1218'den bir ton açık ve sıcak */
    --bg-soft: #151d27; /* kart çevresi/hover alanı */
    --card: #17202b; /* içerik kartları */
    --border: #263244; /* mavimsi koyu sınır */

    --text: #e7ebf2;
    --text-muted: #9aa6b5;
    /* Turuncu, koyuda hafif ısıtılmış */
    --accent: #ff7a2b;
    --accent-strong: #ff4500;
    --accent-contrast: #0f141b;
    /* Odak halkası */
    --ring: color-mix(in oklab, var(--accent), transparent 72%);
    /* Gölgeler */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.32);
    --shadow-md: 0 12px 28px rgba(0,0,0,0.44);
    /* Linkler */
    --bs-link-color: #7cc9ff;
    --bs-link-hover-color: #51b7ff;
    --bs-body-bg: var(--bg);
    --bs-body-color: var(--text);
    --bs-border-color: var(--border);
}

/* 3) Global uygulama */
html, body {
    background: var(--bg);
    color: var(--text);
}

/* Sık kullanılan bileşen örnekleri */
.card {
    background: var(--card);
    border: 1px solid var(--border);
    box-shadow: var(--shadow-sm);
}

.btn-primary {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-contrast);
}

    .btn-primary:hover {
        filter: brightness(0.95);
    }

a {
    color: var(--bs-link-color);
}

    a:hover {
        color: var(--bs-link-hover-color);
    }

/* Yumuşak geçiş (isteğe bağlı) */
* {
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
/* Tüm alanların temel hali */
.form-control, .form-select, textarea.form-control {
    background-color: var(--card);
    color: var(--text);
    border: 1px solid var(--border);
}

    .form-control::placeholder {
        color: var(--text-muted);
    }

    /* DISABLED & READONLY düzeltmesi (kontrast) */
    .form-control:disabled,
    .form-select:disabled,
    textarea.form-control:disabled,
    .form-control[readonly],
    textarea.form-control[readonly] {
        background-color: var(--bg-soft) !important; /* açıkta hafif gri, koyuda koyu gri-mavi */
        color: color-mix(in oklab, var(--text), var(--text-muted) 20%) !important;
        -webkit-text-fill-color: color-mix(in oklab, var(--text), var(--text-muted) 20%) !important; /* Safari */
        border-color: var(--border) !important;
        opacity: 1 !important; /* bazı sürümler opaklığı düşürür, geri al */
        cursor: not-allowed; /* readonly için istersen 'text' bırakabilirsin */
    }

/* İsteğe bağlı: sadece koyu temada biraz daha parlak metin */
html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly] {
    color: #d7dee7 !important;
    -webkit-text-fill-color: #d7dee7 !important;
}
/* 1) Tema değişkeni */
:root {
    --placeholder: #707b8c; /* light */
}

html[data-theme="dark"] {
    --placeholder: #a6b3c3; /* dark: daha parlak/gri-mavi */
}

/* 2) Tüm form kontrolleri için placeholder stili */
.form-control::placeholder,
.search-input::placeholder,
textarea.form-control::placeholder {
    color: var(--placeholder) !important;
    opacity: 1; /* Bootstrap/tarayıcı default'unu sıfırla */
}

/* Geniş uyumluluk (opsiyonel) */
.form-control::-webkit-input-placeholder,
.search-input::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
    color: var(--placeholder);
    opacity: 1;
}

.form-control:-ms-input-placeholder,
.search-input:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
    color: var(--placeholder);
}

/* İsteğe bağlı: caret ve focus halkası */
.form-control,
.search-input {
    caret-color: var(--accent);
}

    .form-control:focus,
    .search-input:focus {
        border-color: color-mix(in oklab, var(--border), var(--accent) 35%);
        box-shadow: 0 0 0 3px var(--ring);
    }
/* Chrome autofill sarı zemin düzeltmesi (opsiyonel) */
input:-webkit-autofill {
    -webkit-text-fill-color: var(--text);
    transition: background-color 9999s ease-out;
}

/* Tema uyumlu Bootstrap tablo değişkenleri */
.table {
    --bs-table-color: var(--text);
    --bs-table-bg: var(--card);
    --bs-table-border-color: var(--border);
    --bs-table-striped-bg: color-mix(in oklab, var(--card), var(--bg-soft) 45%);
    --bs-table-striped-color: var(--text);
    --bs-table-hover-bg: var(--bg-soft);
    --bs-table-hover-color: var(--text);
}

    /* Hücrelerin gerçekten bu renkleri kullanmasını sağla */
    .table > :not(caption) > * > * {
        background-color: inherit !important;
        color: inherit !important;
        border-color: var(--bs-table-border-color);
    }

    /* Başlık satırı: karta yakın, hafif ayrışsın */
    .table thead th {
        background: color-mix(in oklab, var(--card), var(--bg-soft) 60%);
        color: var(--text);
        border-bottom: 1px solid var(--border);
        font-weight: 700;
    }
/* İnce kenarlı kutu görünümü */
.table-outline {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}

/* Sıkı tablo (yoğun veri için) */
.table-compact > :not(caption) > * > * {
    padding: .5rem .75rem;
}

/* Zebra şeritleme (Bootstrap kullanmıyorsan) */
.table-zebra tbody tr:nth-child(odd) {
    background: color-mix(in oklab, var(--card), var(--bg-soft) 45%);
}

/* Hover vurgusu */
.table-hover tbody tr:hover {
    background: var(--bg-soft);
}

/* Seçili satır (ör: arama/filtre sonucu) */
.table-selected, .table tbody tr.selected {
    background: color-mix(in oklab, var(--bg), var(--accent) 10%) !important;
    outline: 1px solid color-mix(in oklab, var(--border), var(--accent) 35%);
}

/* Sayısal kolon hizası ve düzgün rakam aralığı */
.th-num, .td-num {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Sticky başlık (uzun listelerde) */
.table-sticky thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Boş durum mesajı */
.table-empty {
    text-align: center;
    color: var(--text-muted);
    padding: 1rem;
}