/* Formül11 tema sistemi — sayfaların kendi :root'u "Varsayılan" temadır,
   burada sadece data-theme özniteliği set edildiğinde devreye giren
   alternatif temalar tanımlanır. Sayfanın mevcut <style> bloğundan SONRA
   yüklenmesi gerekir (eşit özgüllükte kaynak sırası kazanır). */

[data-theme="dark"]{
  --bg:#0f1115;--card:#181b22;--border:#262a33;--text:#eef0f4;--muted:#9aa0ab;--accent:#5b8dff;--accent-soft:#1b2740;
}
[data-theme="midnight"]{
  --bg:#0b0f1f;--card:#141a2e;--border:#232b45;--text:#e8eaf5;--muted:#8b90ad;--accent:#8b7bff;--accent-soft:#221b45;
}
[data-theme="ocean"]{
  --bg:#f2fbfb;--card:#ffffff;--border:#d8ecec;--text:#0e2a2a;--muted:#5a7d7d;--accent:#0891a8;--accent-soft:#dff5f8;
}
[data-theme="sunset"]{
  --bg:#fff8f2;--card:#ffffff;--border:#f3ddc9;--text:#2a1a12;--muted:#8a6a55;--accent:#ff6b4a;--accent-soft:#ffe9de;
}

.theme-fab{position:fixed;bottom:20px;right:20px;width:48px;height:48px;border-radius:50%;background:var(--card);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:200;}
.theme-panel{position:fixed;bottom:76px;right:20px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.18);z-index:200;display:none;min-width:190px;}
.theme-panel.open{display:block;}
.theme-panel .t-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;margin-bottom:10px;}
.theme-opt{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;cursor:pointer;font-size:13.5px;color:var(--text);}
.theme-opt:hover{background:var(--accent-soft);}
.theme-opt.active{font-weight:700;}
.theme-swatch{width:18px;height:18px;border-radius:50%;border:1px solid var(--border);flex-shrink:0;}