:root {
    --erp-primary:       #dc2626;
    --erp-primary-hover: #b91c1c;
    --erp-primary-light: #fef2f2;
    --erp-primary-dark:  #991b1b;
    --erp-sidebar-active-bg:   #fef2f2;
    --erp-sidebar-active-text: #dc2626;

    --bs-primary:          #dc2626;
    --bs-primary-rgb:      220, 38, 38;
    --bs-link-color:       #dc2626;
    --bs-link-color-rgb:   220, 38, 38;
    --bs-link-hover-color: #b91c1c;
}

/* Dark modda primary buton/link rengi hâlâ aynı primary olmalı, ama:
   - primary-light arkaplan koyu lacivert (#1e3a8a) — light değer dark'ta okunmaz
   - sidebar-active-bg dinamik primary (koyu mavi)
   - sidebar-active-text BEYAZ — :root'taki dinamik primary değerini dark
     için EZMEMİZ ŞART, yoksa active item arkaplan ve text aynı primary
     tonuna çakışır ve yazı görünmez olur. */
[data-theme="dark"] {
    --erp-primary-light: #1e3a8a;
    --erp-sidebar-active-bg: #dc2626;
    --erp-sidebar-active-text: #ffffff;
}

/* Bootstrap btn-primary varyantı (sadece --bs-primary'yi okumuyor, kendi değişkenleri var) */
.btn-primary {
    --bs-btn-bg:                #dc2626;
    --bs-btn-border-color:      #dc2626;
    --bs-btn-hover-bg:          #b91c1c;
    --bs-btn-hover-border-color:#b91c1c;
    --bs-btn-active-bg:         #991b1b;
    --bs-btn-active-border-color:#991b1b;
    --bs-btn-disabled-bg:       #dc2626;
    --bs-btn-disabled-border-color:#dc2626;
}
.btn-outline-primary {
    --bs-btn-color:             #dc2626;
    --bs-btn-border-color:      #dc2626;
    --bs-btn-hover-bg:          #dc2626;
    --bs-btn-hover-border-color:#dc2626;
    --bs-btn-active-bg:         #dc2626;
    --bs-btn-active-border-color:#dc2626;
}