/* ============================================================
   PicaOS PANELİ — KOYU MOD (yalnız token değerleri)

   Kaynak: PANEL-TASARIM-DILI.md § Koyu mod (K.3, K.4). VS Code "Dark
   Modern" tonları; antrasit, saf siyah değil.

   Bu dosyada seçici ya da düzen kuralı YOKTUR: yalnızca admin.css'teki
   --po- renk token'larının koyu değerleri. Renk dışı token'lar (boşluk,
   köşe, yazı, süre) burada yer almaz.

   Bağlama (views/admin/layout.php ve layout-giris.php):
     Sistem → media="(prefers-color-scheme: dark)"
     Koyu   → media="all"
     Açık   → media="not all"
   Site şablonları bu dosyayı yüklemez; koyu mod yalnız paneldir.
   ============================================================ */
:root {
  color-scheme: dark;

  /* yüzeyler ve çizgiler */
  --po-zemin: #1F1F1F;
  --po-yuzey: #252526;
  --po-yuzey-2: #181818;
  --po-hover: #2A2D2E;
  --po-etkin: #37373D;
  --po-ic-zemin: #313131;
  --po-avatar: #3C3C3C;
  --po-avatar-koyu: #454545;
  --po-satir-hover: #2A2D2E;
  --po-secili: #0C324F;
  --po-bilgi-zemin: #0A2E4A;
  --po-cizgi: #2B2B2B;
  --po-cizgi-kontrol: #3C3C3C;
  --po-cizgi-ic: #2B2B2B;
  --po-cizgi-satir: #2F2F2F;
  --po-cizgi-kesikli: #505050;

  /* metin ve anlam — mürekkep koyuda yalnız metindir, dolgu olarak kullanılmaz */
  --po-murekkep: #CCCCCC;
  --po-birincil-hover: #026EC1;
  --po-metin-koyu: #BDBDBD;
  --po-metin-2: #A8A8A8;
  --po-metin-3: #989898;
  --po-ikon-soluk: #767676;
  --po-baglanti: #4DAAFC;
  --po-baglanti-hover: #75BEFF;
  --po-yayinda: #73C991;
  --po-yayinda-zemin: #193D2B;
  --po-taslak: #CCA700;
  --po-taslak-zemin: #3A2F0B;
  --po-taslak-koyu: #E2C08D;
  --po-tehlike: #FF7B72;
  --po-tehlike-koyu: #B3261E;
  --po-tehlike-zemin: #351918;
  --po-cop: #989898;
  --po-kirli-nokta: #E6A23C;
  --po-basari-ikon: #73C991;
  --po-sabit: #D9A62E;
  --po-soluk-acik: #A8A8A8;
  --po-anahtar-kapali: #767676;

  /* dolgu rolleri */
  --po-birincil: #0078D4;
  --po-birincil-basili: #005A9E;
  --po-dolgu-metin: #FFFFFF;
  --po-baglanti-dolgu: #0078D4;
  --po-cubuk: #313131;
  --po-cubuk-metin: #CCCCCC;
  --po-cubuk-cerceve: #454545;
  --po-cubuk-dugme-cizgi: #5A5A5A;
  --po-cubuk-hover: rgba(255,255,255,.08);
  --po-ters-zemin: #0078D4;
  --po-ters-metin: #FFFFFF;
  --po-ters-hover: #026EC1;
  --po-kontrol: #313131;
  --po-kontrol-hover: #3C3C3C;
  --po-topuz: #FFFFFF;
  --po-topuz-hale: rgba(255,255,255,.10);
  --po-anahtar-acik: #2EA043;
  --po-taslak-dolgu: #CCA700;
  --po-taslak-dolgu-hover: #DDB924;
  --po-taslak-dolgu-metin: #1F1F1F;
  --po-tehlike-dolgu: #B3261E;
  --po-tehlike-koyu-hover: #C4382F;
  --po-bolumlu-hover: rgba(255,255,255,.06);
  --po-bolumlu-secili: #3C3C3C;
  --po-gorsel-perde: rgba(0,0,0,.72);
  --po-numune-cerceve: rgba(255,255,255,.16);

  /* yalnız koyuda tanımlı (admin.css kuralı açık tema için yedek değer taşır) */
  --po-logo-zemin: #E8E8E8;
  --po-marka-cerceve: #3C3C3C;
  --po-kaydirma: #4A4A4A;

  /* odak, gölge, perde */
  --po-odak: 2px solid #4DAAFC;
  --po-golge-kutucuk: 0 1px 0 rgba(0,0,0,.25), 0 4px 14px rgba(0,0,0,.35);
  --po-golge-bildirim: 0 8px 24px rgba(0,0,0,.45);
  --po-golge-cubuk: 0 10px 30px rgba(0,0,0,.50);
  --po-golge-cekmece: 12px 0 40px rgba(0,0,0,.50);
  --po-perde: rgba(0,0,0,.55);
}