/* ==========================================================================
   PARAF TEMA ÇEKİRDEĞİ v1 — tüm statik temaların paylaştığı tasarım sistemi.
   --------------------------------------------------------------------------
   Tema CSS'i bu dosyadan SONRA yüklenir ve token'ları ezer. Mağaza ayarları
   (TemaAyarService) en sonda :root bloğu basar → mağazanın seçimleri kazanır.
   Sözleşme: docs/tema-slot-sozlugu.md
   ========================================================================== */
:root{
  --primary:#3f6ea8; --primary-rgb:63,110,168; --primary-hover:#325a8a; --primary-soft:#e8eff8; --primary-on:#ffffff;
  --ikincil:#e0a96d; --ikincil-soft:#faf1e6; --ikincil-on:#2b2118;
  --vurgu:#9fb3c8; --vurgu-soft:#eef2f6; --vurgu-on:#2b2118;
  --font-govde:system-ui; --font-baslik:system-ui; --taban-boyut:16px; --kap-genislik:1280px;
  --yg:ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;
  --zemin:#fbfbfc; --zemin-alt:#f2f4f7; --yuzey:#ffffff; --yuzey-2:#f7f8fa;
  --ink:#1f2430; --ink-soft:#6b7280; --cizgi:#e5e8ee;
  --golge-s:0 2px 10px rgba(20,30,50,.06); --golge-o:0 14px 34px rgba(20,30,50,.10); --golge-b:0 26px 60px rgba(20,30,50,.16);
  --r-b:18px; --r-o:12px; --r-k:8px; --r-hap:999px; --bosluk:24px; --bolum:72px;
}
html[data-mod="koyu"]{--zemin:#121418;--zemin-alt:#181b21;--yuzey:#1d2027;--yuzey-2:#232730;--ink:#f1f3f7;--ink-soft:#a3aab8;--cizgi:#2d323c;
  --golge-s:0 2px 10px rgba(0,0,0,.45);--golge-o:0 12px 34px rgba(0,0,0,.5);--golge-b:0 26px 60px rgba(0,0,0,.6)}
html[data-kose="keskin"]{--r-b:4px;--r-o:3px;--r-k:2px;--r-hap:4px}
html[data-kose="yumusak"]{--r-b:18px;--r-o:12px;--r-k:8px;--r-hap:999px}
html[data-kose="yuvarlak"]{--r-b:30px;--r-o:22px;--r-k:14px;--r-hap:999px}
html[data-yogunluk="sik"]{--bosluk:14px;--bolum:48px}

/* ---- erişilebilirlik ---- */
.prf-atla{position:absolute;left:-999px;top:8px;background:var(--primary);color:var(--primary-on);padding:10px 16px;border-radius:var(--r-k);z-index:1000;font-weight:700}
.prf-atla:focus{left:8px}
:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ---- primitifler (temalar kullanabilir; kabuk sayfaları kullanır) ---- */
.prf-kap{max-width:var(--kap-genislik);margin:0 auto;padding:0 24px;width:100%}
.prf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.92rem;padding:12px 24px;border-radius:var(--r-hap);border:1.5px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s;text-decoration:none}
.prf-btn:hover{transform:translateY(-1px)}
.prf-btn-ana{background:var(--primary);color:var(--primary-on)}.prf-btn-ana:hover{background:var(--primary-hover)}
.prf-btn-yan{border-color:var(--cizgi);color:var(--ink);background:var(--yuzey)}.prf-btn-yan:hover{border-color:var(--primary);color:var(--primary)}
.prf-rozet{display:inline-block;font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:var(--r-hap);background:var(--vurgu-soft);color:var(--vurgu-on)}
.prf-kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--r-o);box-shadow:var(--golge-s)}
img{max-width:100%;height:auto}