:root {
    /* Renk Paleti */
    --ana-renk: #007bff; /* Mavi - Butonlar, linkler */
    --ikincil-renk: #6c757d; /* Gri - İkincil elemanlar */
    --baslik-rengi: #212529; /* Koyu Gri */
    --yazi-rengi: #495057; /* Açık Gri */
    --arkaplan-renci-acik: #f8f9fa; /* Sayfa arka planı */
    --arkaplan-renci-koyu: #e9ecef; /* Kart ve şerit arka planları */
    /* Durum Renkleri */
    --success-renk: #28a745; /* Başarı (yeşil) */
    --info-renk: #17a2b8; /* Bilgi (mavi-turkuaz) */
    --warning-renk: #ffc107; /* Uyarı (sarı) */
    --danger-renk: #dc3545; /* Hata (kırmızı) */
    /* Font ve Tipografi */
    --ana-font: 'Arial', sans-serif;
    --baslik-fontu: 'Georgia', serif;
    --font-boyutu-temel: 1rem;
    --font-boyutu-buyuk: 1.25rem;
}

body {
    font-family: var(--ana-font);
    background-color: var(--arkaplan-renci-acik);
    color: var(--yazi-rengi);
    margin-bottom: 60px; /* Footer için boşluk */
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--baslik-fontu);
    color: var(--baslik-rengi);
}

a {
    color: var(--ana-renk);
    text-decoration: none;
}

    a:hover {
        color: var(--ana-renk);
        text-decoration: underline;
    }


.btn-primary {
    background-color: var(--ana-renk) !important;
    border-color: var(--ana-renk) !important;
    color: white !important;
}

.btn-secondary {
    background-color: var(--ikincil-renk) !important;
    border-color: var(--ikincil-renk) !important;
    color: white !important;
}

.btn-info {
    background-color: var(--info-renk) !important;
}

.btn-success {
    background-color: var(--success-renk) !important;
}

.btn-warning {
    background-color: var(--warning-renk) !important;
}

.btn-danger {
    background-color: var(--danger-renk) !important;
}

/* Kartlar ve Arka Planlar */
.card-header {
    background-color: var(--arkaplan-renci-koyu) !important;
    color: var(--baslik-rengi) !important;
}

/* Alertler */
.alert-success {
    background-color: var(--success-renk);
    color: white;
    border-color: var(--success-renk);
}

.alert-danger {
    background-color: var(--danger-renk);
    color: white;
    border-color: var(--danger-renk);
}


/*--------------------------------------------------
  4. Mevcut Proje Stil Kodları
--------------------------------------------------*/
html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.select2-container--bootstrap-5 .select2-selection--multiple {
    height: 38px; /* Sabit yükseklik belirleyin */
    overflow-y: auto !important; /* Dikey kaydırma çubuğunu etkinleştirin */
    overflow-x: hidden;
}

/* Tekli öğe etiketlerinin taşmasını engellemek için */
.select2-container--bootstrap-5 .select2-selection__choice {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}