:root {
    /* ===== Brand Palette (verdiğin görsel) ===== */
    --kw-red: #B40101; /* KW Red */
    --kw-black: #000000; /* Black */
    --kw-gray-700: #666666; /* Medium Gray */
    --kw-gray-500: #999999; /* KW Main Gray */
    --kw-gray-300: #CCCCCC; /* Light Gray */
    /* ===== PRIMARY (kırmızı) ===== */
    --bs-primary: var(--kw-red);
    --bs-primary-rgb: 180, 1, 1;
    /* Primary türevleri (Bootstrap 5.3 utilities) */
    --bs-primary-text-emphasis: #7A0101; /* koyu kırmızı (okunaklı) */
    --bs-primary-bg-subtle: #F6D6D6; /* açık kırmızı arka plan */
    --bs-primary-border-subtle: #EFB3B3; /* açık kırmızı border */
    /* Linkler primary ile uyumlu */
    --bs-link-color: var(--kw-red);
    --bs-link-color-rgb: 180, 1, 1;
    --bs-link-hover-color: #8F0101;
    --bs-link-hover-color-rgb: 143, 1, 1;
    /* Focus ring (form/button focus) primary’ye göre */
    --bs-focus-ring-color: rgba(180, 1, 1, 0.25);
    /* ===== GRAY skalasını brand’e yaklaştır (opsiyonel ama uyumlu) ===== */
    --bs-black: var(--kw-black);
    --bs-gray-700: var(--kw-gray-700);
    --bs-gray-500: var(--kw-gray-500);
    --bs-gray-300: var(--kw-gray-300);
    /* Secondary’yi de markanın medium gray’ine çek (istersen) */
    --bs-secondary: var(--kw-gray-700);
    --bs-secondary-rgb: 102, 102, 102;
    /* Success'e dokunma (istediğin gibi kalsın) */
    /* --bs-success: (DEĞİŞTİRME) */
    /* ===== DANGER (Primary ile çakışmayan) ===== */
    --bs-danger: #5B2B82;
    --bs-danger-rgb: 91,43,130;
    --bs-danger-text-emphasis: #3a1855;
    --bs-danger-bg-subtle: #efe6f6;
    --bs-danger-border-subtle: #d7c1ea;
    /* ===== SECONDARY (KW Gray uyumlu) ===== */
    --bs-secondary: #999999; /* KW Main Gray */
    --bs-secondary-rgb: 153, 153, 153;
    --bs-secondary-text-emphasis: #4D4D4D; /* koyu gri */
    --bs-secondary-bg-subtle: #F2F2F2; /* temiz açık gri */
    --bs-secondary-border-subtle: #D6D6D6;
}
.btn-primary,
.bg-primary,
.badge.bg-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* PRIMARY OUTLINE – tüm state'leri düzelt */
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}


    .btn-outline-primary:hover,
    .btn-outline-primary:active,
    .btn-outline-primary.active {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
        color: #fff !important;
    }

.text-primary {
    color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.bg-primary-subtle {
    background-color: var(--bs-primary-bg-subtle) !important;
}
/* Güvenli hard override (bazı bileşenler için) */
.btn-danger,
.badge.bg-danger {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    color: #fff !important;
}

    .btn-danger:hover {
        background-color: #4A226B !important;
        border-color: #4A226B !important;
    }

.btn-outline-danger {
    color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
}

    .btn-outline-danger:hover,
    .btn-outline-danger:active {
        background-color: var(--bs-danger) !important;
        border-color: var(--bs-danger) !important;
        color: #fff !important;
    }
.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important;
}

.alert-danger {
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
}


/* ===== Hard override (buton, badge, bg) ===== */
.btn-secondary,
.bg-secondary,
.badge.bg-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: #fff !important;
}

    .btn-secondary:hover,
    .btn-secondary:active,
    .btn-secondary.active {
        background-color: #666666 !important; /* Medium Gray */
        border-color: #666666 !important;
    }

/* Outline secondary */
/* OUTLINE SECONDARY – okunurluk fix */
.btn-outline-secondary {
    --bs-btn-color: #444; /* yazı daha koyu */
    --bs-btn-border-color: #999; /* KW main gray */

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #666; /* hover’da koyu gri */
    --bs-btn-hover-border-color: #666;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #555; /* active state net */
    --bs-btn-active-border-color: #555;
    --bs-btn-focus-shadow-rgb: 108,117,125;
}


    .btn-outline-secondary:hover,
    .btn-outline-secondary:active {
        background-color: var(--bs-secondary) !important;
        border-color: var(--bs-secondary) !important;
        color: #fff !important;
    }

/* Text / border utilities */
.text-secondary {
    color: var(--bs-secondary) !important;
}

.border-secondary {
    border-color: var(--bs-secondary) !important;
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle) !important;
}

.list-group {
    --bs-list-group-active-bg: #B40101; /* Primary kırmızı */
    --bs-list-group-active-border-color: #B40101;
    --bs-list-group-active-color: #ffffff;
}
/* ===== CHECKBOX & RADIO ===== */
.form-check-input:checked {
    background-color: #B40101 !important;
    border-color: #B40101 !important;
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(180, 1, 1, 0.25) !important;
}

/* ===== Admin Panel Başlıklar ===== */
.admin-content h1,
.admin-content h2,
.admin-content h3,
.admin-content h4,
.admin-content h5,
.admin-content h6 {
    color: var(--bs-primary);
}
/* Admin tabloları – başlıklar primary (KW Red) */
.admin-content table thead th {
    color: var(--bs-primary);
}

/* Admin pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}