/*
 * Ahpareto marka rengi — Vuexy'nin varsayılan moru (#7367f0) yerine #0c266e.
 *
 * Vendor dosyası (vendor/css/core.css) BİLEREK değiştirilmedi: tema güncellendiğinde
 * değişiklikler kaybolurdu. Bunun yerine core.css'ten SONRA yüklenen bu dosya, rengi
 * tanımlayan CSS değişkenlerini eziyor.
 *
 * Türetilmiş sınıfların (.bg-label-primary, .text-primary, aktif menü öğesi, rozetler...)
 * hepsi zaten var(--bs-primary) / var(--bs-primary-rgb) üzerinden hesaplandığı için
 * aşağıdaki iki değişkeni ezmek onları da kapsıyor. Buton blokları rengi sabit yazdığından
 * onlar ayrıca ezilmek zorunda.
 */

:root,
[data-bs-theme="light"] {
  --bs-primary: #0c266e;
  --bs-primary-rgb: 12, 38, 110;

  /* Bootstrap'in kendi türetme oranlarıyla hesaplandı (gölge %60, ton %85 / %60) */
  --bs-primary-text-emphasis: #050f2c;
  --bs-primary-bg-subtle: #dbdee9;
  --bs-primary-border-subtle: #9ea8c5;

  --bs-link-color: #0c266e;
  --bs-link-color-rgb: 12, 38, 110;
  --bs-link-hover-color: #081b4e;
  --bs-link-hover-color-rgb: 8, 27, 78;
}

/*
 * Koyu tema: marka rengi zaten koyu bir lacivert olduğu için koyu zeminde neredeyse
 * görünmez kalıyor. Bu yüzden koyu temada aynı tondan (HSL 224°) açılmış bir varyant
 * kullanılıyor -- marka kimliği korunur, butonlar okunabilir olur.
 *
 * DİKKAT -- seçici neden `html[...]`: TemplateCustomizer (config.js'teki defaultPrimaryColor)
 * çalışma anında `:root, [data-bs-theme=light], [data-bs-theme=dark]` seçicili bir <style>
 * enjekte edip markanın AÇIK tema rengini HER İKİ temaya birden uyguluyor. Aynı özgüllükte
 * (0,1,0) olduğu ve sonradan enjekte edildiği için normal `[data-bs-theme="dark"]` kaybediyor.
 * `html` öneki özgüllüğü (0,1,1) yapıp bu enjeksiyonu geçiyor. Sadeleştirip `html`'i
 * kaldırmayın -- koyu tema tekrar okunmaz hale gelir.
 */
html[data-bs-theme="dark"] {
  --bs-primary: #7895e2;
  --bs-primary-rgb: 120, 149, 226;

  --bs-primary-text-emphasis: #a3b6ec;
  --bs-primary-bg-subtle: #202a4a;
  --bs-primary-border-subtle: #334269;

  --bs-link-color: #7895e2;
  --bs-link-color-rgb: 120, 149, 226;
  --bs-link-hover-color: #96adea;
  --bs-link-hover-color-rgb: 150, 173, 234;
}

/* --- Rengi sabit yazan bloklar --- */

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-bg: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.progress {
  --bs-progress-bar-bg: var(--bs-primary);
}
