/* D&R — Katalog Builder gömme teması: TEMA-DUYARLI (light/dark) + siyah-beyaz dil.
   Bileşenler token kullanır → parent teması değişince katalog da döner. Fonksiyon korunur. */
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@300,400,500,600,700&display=swap');

/* DARK (varsayılan) — D&R dark paleti */
:root{
  --bg:#060708!important; --bg2:#0a0b0e!important;
  --panel:#121519!important; --panel2:#181c22!important; --panel3:#1e242b!important;
  --line:rgba(255,255,255,.08)!important; --line2:rgba(255,255,255,.14)!important;
  --ink:#eef1f4!important; --mut:#969fa9!important; --dim:#646d77!important;
  --acc:#ed1b57!important; --acc-dk:#c8123f!important; --acc-lt:#ff4d7e!important; --acc-glow:rgba(237,27,87,.30)!important;
  --sans:'General Sans',system-ui,sans-serif!important; --disp:'General Sans',system-ui,sans-serif!important;
}
/* LIGHT — D&R light paleti (parent light olunca) */
html[data-theme="light"]{
  --bg:#eef0f2!important; --bg2:#e7eaed!important;
  --panel:#ffffff!important; --panel2:#f4f6f8!important; --panel3:#eef0f2!important;
  --line:rgba(10,20,30,.10)!important; --line2:rgba(10,20,30,.18)!important;
  --ink:#10151b!important; --mut:#525c66!important; --dim:#7b858f!important;
  --acc:#c8123f!important; --acc-dk:#a30d33!important; --acc-lt:#ed1b57!important; --acc-glow:rgba(200,18,63,.20)!important;
}
html,body{background:var(--bg)!important;color:var(--ink)!important;font-family:'General Sans',system-ui,sans-serif!important}
body :not(.mono):not([class*="mono"]):not(.season-pill){font-family:'General Sans',system-ui,sans-serif}

/* iç üst-bar kaldır */
.topbar{display:none!important}
.app{grid-template-rows:1fr!important;background:var(--bg)!important}
.left,.right,.center{background:var(--bg)!important}

/* bölüm başlıkları — sade, token */
.sect h3::before{display:none!important}
.sect h3{font-family:'General Sans',sans-serif!important;font-size:10px!important;font-weight:600!important;letter-spacing:.16em!important;color:var(--mut)!important}
.sect h3::after{background:var(--line)!important}

/* etiket + input — token (light/dark döner) */
.fld label,label,.lab,.hint{font-family:'General Sans',sans-serif!important;color:var(--mut)!important}
.fld input,.fld textarea,input[type=text],input:not([type]),textarea,select{
  background:var(--panel2)!important;border:1px solid var(--line2)!important;border-radius:10px!important;color:var(--ink)!important;font-family:'General Sans',sans-serif!important}
.fld input:focus,.fld textarea:focus,input:focus,textarea:focus,select:focus{border-color:var(--acc)!important;outline:none!important}

/* butonlar — düz, token */
.btn{border-radius:10px!important;font-family:'General Sans',sans-serif!important;font-weight:700!important;letter-spacing:.02em!important;box-shadow:none!important}
.btn.primary{background:linear-gradient(135deg,var(--acc-lt),var(--acc))!important;color:#fff!important;box-shadow:none!important}
.btn.primary:hover{filter:brightness(1.05)!important;box-shadow:none!important;transform:none!important}
.btn.primary:active{transform:translateY(1px)!important}
.btn.ghost{background:var(--panel2)!important;border:1px solid var(--line2)!important;color:var(--ink)!important}
.btn.ghost:hover{border-color:var(--acc)!important;color:var(--acc)!important;box-shadow:none!important}
.btn.ghost:active{transform:translateY(1px)!important;box-shadow:none!important}
.btn:disabled{opacity:.4!important;filter:none!important}

/* sekmeler — token */
.tabs{background:var(--panel2)!important;border:1px solid var(--line)!important;border-radius:11px!important}
.tabs button{font-family:'General Sans',sans-serif!important;letter-spacing:.04em!important;border-radius:8px!important;color:var(--mut)!important}
.tabs button:hover{color:var(--ink)!important}
.tabs button.on{background:var(--acc)!important;color:#fff!important;box-shadow:none!important}

/* tema kartları — token, seçili ince aksan */
.theme-card{border:1px solid var(--line2)!important;border-radius:11px!important;box-shadow:none!important;background:var(--panel2)!important}
.theme-card:hover{border-color:var(--acc)!important;transform:none!important;box-shadow:none!important}
.theme-card.on{border-color:var(--acc)!important;box-shadow:0 0 0 1px var(--acc)!important}
.theme-card.on::after{color:var(--acc)!important}
.theme-card .nm{font-family:'General Sans',sans-serif!important;letter-spacing:.06em!important;color:var(--ink)!important}

/* sürükle-bırak — token */
.drop{border:1.5px dashed var(--line2)!important;border-radius:12px!important;box-shadow:none!important;background:var(--bg2)!important}
.drop::before{display:none!important}
.drop:hover,.drop.hot{border-color:var(--acc)!important;transform:none!important;box-shadow:none!important;background:var(--panel2)!important}
.drop .t{font-family:'General Sans',sans-serif!important;color:var(--ink)!important}
.drop .h{color:var(--dim)!important}
.drop:hover .ic{color:var(--acc)!important;transform:none!important}

/* ürün kartları — token */
.pcard{background:var(--panel2)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.pcard:hover{border-color:var(--line2)!important;transform:none!important;box-shadow:none!important}
.pcard .badge{background:var(--acc)!important}
.pcard .code .cw{color:var(--acc)!important}

/* paneller + özet */
.left{border-right:1px solid var(--line)!important}
.right{border-left:1px solid var(--line)!important}
.vsummary{color:var(--mut)!important;font-family:'General Sans',sans-serif!important}
.empty{color:var(--mut)!important}