/* ============================================================
   AG Dekor v2 — TEMA KATMANI (themes.css)
   variables.css'teki tokenların [data-theme="dark"] karşılıkları.
   KURULUM: index.html'de TÜM stil linklerinden SONRA yüklenir:
     <link rel="stylesheet" href="/resources/css/core/themes.css">
   (print.css media="print" olduğu için sıralamada ondan önce/sonra
   fark etmez; yazdırma her zaman açık temada kalır — bkz. en alt.)

   Değer kaynağı: "AG Dekor ERP" tasarım prototipi (Tasarım Sistemi v2).
   Token İSİMLERİ bu projenin variables.css'i ile birebir aynıdır;
   yalnız değerler koyu moda çevrilmiştir.
   ============================================================ */

/* — Bazı sayfa CSS'leri var(--text-soft, #7a8290) kullanıyor;
     token tanımlı değildi. İki temada da tanımlayıp birleştiriyoruz. — */
:root {
  --text-soft: var(--text-muted);
}

[data-theme="dark"] {
  color-scheme: dark;

  /* — Marka — (koyu zeminde kontrast için turuncu bir kademe açılır) */
  --brand:          #DE743C;
  --brand-light:    #E89A6C;   /* hover (koyu temada hover AÇILIR) */
  --brand-dark:     #C8521E;   /* active */
  --brand-tint:     rgba(222, 116, 60, .14);
  --brand-glow:     rgba(222, 116, 60, .28);
  --navy:           #8E86B8;   /* indigo da açılır (metin/buton ikili kullanım) */
  --navy-deep:      #6E64AC;
  --navy-mid:       #9D95C4;
  --navy-light:     #A9A2CE;
  --navy-tint:      rgba(142, 134, 184, .14);

  /* — Sidebar — (prototip orijinal koyu: NÖTR neredeyse-siyah #101216;
       indigo değil — koyu içerik nötr zeminle uyumlu, deepest layer) */
  --sb-bg:          #101216;
  --sb-surface:     #181A20;
  --sb-border:      rgba(255, 255, 255, .06);
  --sb-text:        rgba(255, 255, 255, .58);
  --sb-text-active: #FFFFFF;
  --sb-hover:       rgba(255, 255, 255, .06);
  --sb-active:      rgba(222, 116, 60, .26);

  /* — İçerik yüzeyleri — (indigo karakteri korunmuş koyu nötrler) */
  --bg:             #121118;
  --surface:        #1B1A24;
  --surface-alt:    #211F2C;
  --border:         #2E2B3D;
  --border-strong:  #403C54;
  --row-hover:      color-mix(in srgb, var(--brand) 10%, var(--surface));
  --text:           #EDECF4;
  --text-muted:     #A7A3BE;
  --text-faint:     #736F8C;

  /* — Durum renkleri — (koyu zeminde okunur, doygunluğu düşük tonlar) */
  --green:          #4CC38A;
  --green-soft:     rgba(76, 195, 138, .14);
  --red:            #F07060;
  --red-soft:       rgba(240, 112, 96, .14);
  --yellow:         #E2B349;
  --yellow-soft:    rgba(226, 179, 73, .14);
  --blue:           #6CA8F2;
  --blue-soft:      rgba(108, 168, 242, .14);
  --purple:         #B98BD6;
  --teal:           #4FD0B5;
  --pink:           #E891BE;

  /* — Gölge — (koyu zeminde indigo değil siyah taban) */
  --shadow-sm: 0 1px 6px rgba(0, 0, 0, .35);
  --shadow:    0 2px 16px rgba(0, 0, 0, .40);
  --shadow-md: 0 4px 28px rgba(0, 0, 0, .50);
  --shadow-xl: 0 18px 60px rgba(0, 0, 0, .60);
}

/* ============================================================
   Koyu temada token'a bağlanamayan yaygın desenler için
   GÜVENLİ genel düzeltmeler. (Sabit hex temizliği tamamlandıkça
   bu blok küçülmeli — kalıcı çözüm her zaman token'dır.)
   ============================================================ */

/* Form kontrolleri: tarayıcı varsayılanlarını koyuya çek */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  color-scheme: dark;
}

/* Yazdırma HER ZAMAN açık tema (resmî belgeler koyu basılmaz).
   print.css zaten açık varsayımlıdır; koyu tema değişkenlerini
   yazdırmada açık değerlere sabitle: */
@media print {
  [data-theme="dark"] {
    --bg: #FFFFFF; --surface: #FFFFFF; --surface-alt: #F7F5FB;
    --border: #E5E1EE; --border-strong: #CFC9E0;
    --text: #272253; --text-muted: #6E6A8C; --text-faint: #9A96B4;
    --brand: #C8521E; --navy: #463E7C;
    --green: #2E9E6B; --red: #D64545; --yellow: #E0992E; --blue: #3E7BC4;
    --purple: #7D3C98; --teal: #148F77; --pink: #B03A7A;
    --green-soft: #E7F5EE; --red-soft: #FBEBEB; --yellow-soft: #FBF1E0; --blue-soft: #E9F1FA;
    --shadow-sm: none; --shadow: none; --shadow-md: none; --shadow-xl: none;
  }
}

/* Tema geçişinde yumuşaklık (ilk boyamada değil, yalnız geçişte —
   theme.js set() sırasında .theme-transition sınıfını kısa süreli ekler) */
.theme-transition,
.theme-transition * {
  transition: background-color .22s cubic-bezier(.4,0,.2,1),
              border-color .22s cubic-bezier(.4,0,.2,1),
              color .22s cubic-bezier(.4,0,.2,1) !important;
}