/* VITRIN PALETI - site ve yonetim paneli ortak okur.
   14 Eyl 2026'da Ilker'in istekleri vitrin.css'e sabit renk olarak yazilmisti;
   panelden degistirilemiyordu (Ilker, 15 Eyl: "panel icerisinde ozellik olarak
   mevcut degil"). Degerler buraya degisken olarak toplandi; panelin Tasarim
   ekrani bunlari api/tasarim.js uzerinden ezer.

   Yukleme sirasi: vitrin-palet.css > vitrin.css > tasarim <style>.
   Buradaki degerler BUGUNKU gorunumdur; panelde bos birakilan alan bunu korur.

   Turetilmis degiskenler (--elektrik-cizgi, --nokta-renk) ayni elemanda (:root)
   tanimli oldugu icin taban degisken ezilince yeniden hesaplanir. */

:root {
  --elektrik: #0070f3;
  --elektrik-yumusak: color-mix(in srgb, var(--elektrik) 14%, transparent);
  --elektrik-cizgi: color-mix(in srgb, var(--elektrik) 38%, transparent);
  --koyu-mavi: #012d4f;

  /* Sirali zemin: giris > duz > giris > duz */
  --giris-zemin: #e4eef8;
  --duz-zemin: #ffffff;

  --devre-renk: #015798;
  --devre-saydam: .14;
  --kose-gradyan: rgba(1, 45, 79, .22);
  --sayi-metin: #0b0f14;

  --menu-renk: #015798;
  --menu-parlak: var(--elektrik);

  --nokta-taban: #012d4f;
  --nokta-oran: 13%;
  --nokta-renk: color-mix(in srgb, var(--nokta-taban) var(--nokta-oran), transparent);

  /* Uygulama kartlari uclu sirayla boyanir */
  --kart-1: #015798;
  --kart-2: #ffffff;
  --kart-3: #5b3cc4;

  --cagri-dugme: var(--koyu-mavi);
  --cagri-ikincil: #1f9d55;
  --alt-baslik: var(--elektrik);

  --logo-boy: 84px;
  --logo-boy-mobil: 56px;
  --logo-boy-alt: 96px;
}

:root[data-tema="koyu"] {
  --giris-zemin: #050c18;
  --duz-zemin: #000000;
  --devre-renk: #3d8bff;
  --devre-saydam: .2;
  --kose-gradyan: rgba(13, 64, 140, .5);
  --sayi-metin: #ffffff;
  --menu-renk: var(--metin-2);
  --menu-parlak: #ffffff;
  --nokta-taban: #ffffff;
  --nokta-oran: 10%;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="acik"]) {
    --giris-zemin: #050c18;
    --duz-zemin: #000000;
    --devre-renk: #3d8bff;
    --devre-saydam: .2;
    --kose-gradyan: rgba(13, 64, 140, .5);
    --sayi-metin: #ffffff;
    --menu-renk: var(--metin-2);
    --menu-parlak: #ffffff;
    --nokta-taban: #ffffff;
    --nokta-oran: 10%;
  }
}