/* Tasarım dili alternatifleri — html[data-tema] ile seçilir.
   vakif (varsayılan) · chili (chilipepperdijital.com) · justpaper (JustPaper mağazası) */

/* ——— ChiliPepper: Geist, neredeyse beyaz zemin, küçük yazı, altı çizili vurgu, kutusuz ——— */
html[data-tema="chili"]{
  --zemin:#fcfcfb;--kagit:#fcfcfb;--murekkep:#111110;--ikincil:#3c3c39;--soluk:#6e6e69;
  --cizgi:#e8e8e5;--yesil:#111110;--yesil-acik:#111110;--sahne:#f2f2ef;
  --f-baslik:Geist,system-ui,sans-serif;--f-govde:Geist,system-ui,sans-serif;--r:0px;
}
html[data-tema="chili"] body{font-size:15px}
html[data-tema="chili"] .ust{background:rgba(252,252,251,.94);border-bottom-color:transparent}
html[data-tema="chili"] h1{font-weight:400;letter-spacing:-.035em}
html[data-tema="chili"] .bolum h2{text-transform:none;letter-spacing:0;font-size:14px;font-weight:400;color:var(--soluk)}
html[data-tema="chili"] .ust-etiket{text-transform:none;letter-spacing:0;font-size:13px}
html[data-tema="chili"] .metin{font-size:15px;color:var(--ikincil)}
html[data-tema="chili"] .sanatci-link,html[data-tema="chili"] .oku,html[data-tema="chili"] .alt a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-weight:400}
html[data-tema="chili"] .sanatci-ozet{background:none;border:0;border-top:1px solid var(--cizgi);padding:18px 0 0}
html[data-tema="chili"] .kunye div{border-bottom-color:var(--cizgi)}
html[data-tema="chili"] .kunye dd{font-size:15px}
html[data-tema="chili"] .kart-gorsel{border-radius:0}
html[data-tema="chili"] .kart-ad{font-size:15px}
html[data-tema="chili"] .dil{border:0;background:none;gap:2px}
html[data-tema="chili"] .dil button{color:var(--soluk);font-weight:400;padding:5px 6px}
html[data-tema="chili"] .dil button[aria-pressed="true"]{background:none;color:var(--murekkep);text-decoration:underline;text-underline-offset:4px}
@media (min-width:1024px){
  html[data-tema="chili"] h1{font-size:52px}
  html[data-tema="chili"] .giris h1{font-size:52px}
  html[data-tema="chili"] .metin{font-size:16px}
}

/* ——— JustPaper: Inter, siyah yazı, mor marka rengi, krem yüzeyler, 4px köşe, büyük harf etiketler ——— */
html[data-tema="justpaper"]{
  --zemin:#ffffff;--kagit:#f7f5f1;--murekkep:#000000;--ikincil:#333333;--soluk:#636363;
  --cizgi:#e8e8e8;--yesil:#7b6957;--yesil-acik:#7b6957;--sahne:#f7f5f1;
  --f-baslik:Inter,system-ui,sans-serif;--f-govde:Inter,system-ui,sans-serif;--r:4px;
}
html[data-tema="justpaper"] .ust{background:rgba(255,255,255,.96)}
html[data-tema="justpaper"] .marka strong{font-weight:700;letter-spacing:-.02em}
html[data-tema="justpaper"] h1{font-weight:400;letter-spacing:-.02em}
html[data-tema="justpaper"] .bolum h2,html[data-tema="justpaper"] .ust-etiket{color:var(--murekkep);font-size:12px;letter-spacing:.06em;font-weight:500}
html[data-tema="justpaper"] .metin{color:var(--ikincil);font-size:15px}
html[data-tema="justpaper"] .sanatci-link{color:var(--murekkep);font-weight:500}
html[data-tema="justpaper"] .sanatci-ozet{border:0;background:var(--kagit)}
html[data-tema="justpaper"] .kucuk-link{display:inline-flex;align-items:center;background:#7b6957;color:#fff;text-decoration:none;padding:11px 18px;border-radius:4px;font-size:14px;font-weight:500}
html[data-tema="justpaper"] .kucuk-link:hover{background:#5f5143}
html[data-tema="justpaper"] .oku{color:#7b6957}
html[data-tema="justpaper"] .kart-ad{font-family:Inter,sans-serif;font-size:14px;font-weight:500}
html[data-tema="justpaper"] .dil{border-radius:4px;border-color:var(--cizgi);background:#fff}
html[data-tema="justpaper"] .dil button{border-radius:3px}
html[data-tema="justpaper"] .dil button[aria-pressed="true"]{background:#7b6957}
html[data-tema="justpaper"] .alt a{color:#7b6957}
@media (min-width:1024px){
  html[data-tema="justpaper"] h1{font-size:48px}
  html[data-tema="justpaper"] .giris h1{font-size:48px}
}

/* ——— önizleme anahtarı (yayında kaldırılacak) ——— */
.tema-sec{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:40;display:flex;align-items:center;gap:4px;padding:4px;background:#111;color:#fff;border-radius:999px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);font:500 12px/1 system-ui,sans-serif}
.tema-sec span{padding:0 8px 0 10px;opacity:.6}
.tema-sec button{border:0;background:none;color:#fff;padding:8px 12px;border-radius:999px;cursor:pointer;font:inherit}
.tema-sec button[aria-pressed="true"]{background:#fff;color:#111}