/* ==========================================================================
   Pinova Refine — mikro-etkileşim + erişilebilirlik + KARANLIK PALET (2026-08-18)
   premium.css SONRASI yüklenir → token'ları güvenle override eder.
   Mavi kimlik korunur; accent tek elektrik-maviye birleştirilir, karanlık zemin
   düz siyahtan katmanlı derinliğe taşınır. Sadece DARK; LIGHT'a dokunulmaz.
   ========================================================================== */

/* ---------- KARANLIK PALET (varsayılan + explicit dark) ---------- */
:root[data-theme="dark"],
html[data-theme="dark"]{
  /* zemin katmanları — düz #0f0f0f yerine mavi-nötr derinlik */
  --background:#0b0d12;
  --bg-primary:#0b0d12;
  --bg-white:#12151c;
  --bg-secondary:#12151c;
  --bg-white-2:#171b24;
  --bg-card:#171b24;
  --elevated:#171b24;
  --topbar-bg:#12151c;
  /* kenarlar */
  --border:#232838;
  --border-color:#232838;
  --border-light:#1b1f2a;
  /* metin */
  --text-color:#eef1f7;
  --text-primary:#eef1f7;
  --text-gray:#9aa3b8;
  --text-secondary:#9aa3b8;
  --text-light:#6b7488;
  /* accent — tek elektrik-mavi + mor gradient (tutarsızlık giderildi) */
  --accent:#3b82f6;
  --primary-color:#3b82f6;
  --accent-color:#3b82f6;
  --accent-hover:#2f74e6;
  --accent-light:#60a5fa;
  --accent-rgb:59,130,246;
  --accent-gradient:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);
  --primary-gradient:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);
  /* gölge — accent tonlu derinlik */
  --shadow-color:rgba(0,0,0,.38);
  --shadow-card:0 2px 14px rgba(0,0,0,.35);
  --shadow-hover:0 18px 40px -14px rgba(59,130,246,.42);
}
/* Sistem-karanlık (kullanıcı tema seçmemişse) — aynı palet */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --background:#0b0d12;--bg-primary:#0b0d12;--bg-white:#12151c;--bg-secondary:#12151c;
    --bg-white-2:#171b24;--bg-card:#171b24;--elevated:#171b24;--topbar-bg:#12151c;
    --border:#232838;--border-color:#232838;--border-light:#1b1f2a;
    --text-color:#eef1f7;--text-primary:#eef1f7;--text-gray:#9aa3b8;--text-secondary:#9aa3b8;--text-light:#6b7488;
    --accent:#3b82f6;--primary-color:#3b82f6;--accent-color:#3b82f6;--accent-hover:#2f74e6;--accent-light:#60a5fa;
    --accent-rgb:59,130,246;--accent-gradient:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);
    --primary-gradient:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);
    --shadow-color:rgba(0,0,0,.38);--shadow-hover:0 18px 40px -14px rgba(59,130,246,.42);
  }
}

/* Karanlıkta gövdeye çok hafif accent atmosferi (derinlik hissi) */
html[data-theme="dark"] body{
  background-image:
    radial-gradient(1100px 600px at 88% -8%, rgba(139,92,246,.055), transparent 60%),
    radial-gradient(1000px 600px at 8% -4%, rgba(59,130,246,.06), transparent 58%);
  background-attachment:fixed;
}

/* ---------- MİKRO-ETKİLEŞİM (her tema) ---------- */
.card-product,
.product-scroll-item{ transition: transform .22s cubic-bezier(.2,.8,.2,1); will-change: transform; }
.card-product:hover,
.product-scroll-item:hover{ transform: translateY(-4px); }
.card-product .overflow-hidden img{ transition: transform .45s ease; }
.card-product:hover .overflow-hidden img{ transform: scale(1.06); }

.buy:hover,
a[class*="btn-primary"]:hover,
button[class*="btn-primary"]:hover{ filter: brightness(1.06); }

/* ---------- ERİŞİLEBİLİR ODAK ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible{
  outline: 2px solid var(--accent, #3b82f6);
  outline-offset: 2px;
  border-radius: 6px;
}
.pnv-fav-btn{ transition: transform .15s, background .15s; }