/* D&R — Koleksiyon Renklendirici gömme teması: TEMA-DUYARLI (light/dark) + yekpare.
   Dark'ta tüm yüzeyler dark; light'ta sidebar da açılır (içerik native light). Fonksiyon korunur. */
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@300,400,500,600,700&display=swap');

/* ===== HER ZAMAN ===== */
:root{--gold:#ed1b57!important}
html,body{font-family:'General Sans',system-ui,sans-serif!important}
body *{font-family:'General Sans',system-ui,sans-serif}
.sel-code,.cic-code,.tmono,.sel-hex{font-family:ui-monospace,monospace!important}
.sb-brand{display:none!important}
.sidebar{width:250px!important;padding-top:14px!important}
.main{margin-left:250px!important}
.gen-btn{background:linear-gradient(135deg,#ff4d7e,#ed1b57)!important;color:#fff!important;box-shadow:none!important}
.gen-btn:hover{filter:brightness(1.05)!important;background:linear-gradient(135deg,#ff4d7e,#ed1b57)!important}
.gen-btn .sp{border-color:rgba(255,255,255,.35)!important;border-top-color:#fff!important}
.pal-dot.selected{box-shadow:0 0 0 2px rgba(237,27,87,.5)!important}

/* ===== DARK (parent dark) — tüm yüzeyler dark ===== */
html[data-theme="dark"]{background:#0a0b0e!important}
html[data-theme="dark"] body{background:#0a0b0e!important;color:#eef1f4!important}
html[data-theme="dark"] .sidebar{background:#0d0f13!important;border-right:1px solid rgba(255,255,255,.06)!important}
html[data-theme="dark"] .sb-sec,html[data-theme="dark"] .sb-lbl,html[data-theme="dark"] .sel-header,html[data-theme="dark"] .pal-group-lbl{color:#969fa9!important}
html[data-theme="dark"] .sb-inp,html[data-theme="dark"] .sb-sel{background:#15181d!important;border-color:rgba(255,255,255,.12)!important;color:#eef1f4!important}
html[data-theme="dark"] .sb-inp::placeholder{color:#4a525b!important}
html[data-theme="dark"] .sb-div{background:rgba(255,255,255,.06)!important}
html[data-theme="dark"] .sel-color-box,html[data-theme="dark"] .upload-zone{background:#15181d!important;border-color:rgba(255,255,255,.1)!important}
html[data-theme="dark"] .upload-zone:hover{background:#1a1e24!important;border-color:#ed1b57!important}
html[data-theme="dark"] .up-title{color:#c4ccd4!important}
html[data-theme="dark"] .sel-name{color:#eef1f4!important}
html[data-theme="dark"] .page-title,html[data-theme="dark"] .cic-name,html[data-theme="dark"] .canvas-head-t{color:#eef1f4!important}
html[data-theme="dark"] .page-sub,html[data-theme="dark"] .empty-s,html[data-theme="dark"] .empty-icon{color:#969fa9!important}
html[data-theme="dark"] .color-info-card,html[data-theme="dark"] .canvas-card,html[data-theme="dark"] .tcard{background:#121519!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .canvas-body{background:#0e1014!important}
html[data-theme="dark"] .canvas-card-head,html[data-theme="dark"] .canvas-actions,html[data-theme="dark"] .thead-bar{border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] th{background:#15181d!important;color:#969fa9!important;border-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] td{border-color:rgba(255,255,255,.05)!important;color:#c4ccd4!important}
html[data-theme="dark"] .cic-code,html[data-theme="dark"] .cic-val,html[data-theme="dark"] .canvas-head-s{color:#9aa3ad!important}
html[data-theme="dark"] .btn-sm,html[data-theme="dark"] .btn-outline{background:#15181d!important;border-color:rgba(255,255,255,.14)!important;color:#c4ccd4!important}
html[data-theme="dark"] .btn-sm:hover{background:#1a1e24!important;border-color:#ed1b57!important;color:#fff!important}
html[data-theme="dark"] .btn-dl{background:linear-gradient(135deg,#ff4d7e,#ed1b57)!important;color:#fff!important;border-color:transparent!important}

/* ===== LIGHT (parent light) — içerik native light, sidebar da aç ===== */
html[data-theme="light"] body{background:#eef0f2!important;color:#10151b!important}
html[data-theme="light"] .sidebar{background:#f4f6f8!important;border-right:1px solid rgba(10,20,30,.1)!important}
html[data-theme="light"] .sb-sec,html[data-theme="light"] .sb-lbl,html[data-theme="light"] .sel-header,html[data-theme="light"] .pal-group-lbl{color:#6b7680!important}
html[data-theme="light"] .sb-inp,html[data-theme="light"] .sb-sel{background:#fff!important;border:1px solid rgba(10,20,30,.14)!important;color:#10151b!important}
html[data-theme="light"] .sb-inp::placeholder{color:#9aa3ac!important}
html[data-theme="light"] .sb-div{background:rgba(10,20,30,.08)!important}
html[data-theme="light"] .sel-color-box,html[data-theme="light"] .upload-zone{background:#fff!important;border-color:rgba(10,20,30,.1)!important}
html[data-theme="light"] .up-title{color:#525c66!important}
html[data-theme="light"] .sel-name{color:#10151b!important}