/* ==========================================================
   Tema değişkenleri — site ve yönetim paneli ortak kullanır.
   Varsayılan: açık. Sistem koyuysa ya da data-theme="dark" ise koyu.
   ========================================================== */
:root{
  --bg:#ffffff; --bg2:#f4f7fa; --card:#ffffff; --inset:#f4f7fa; --line:#e3e8ef;
  --text:#0f1b2d; --heading:#0f1f38; --muted:#5a6678;
  --accent:#0366c2; --blue:#0b8fe0; --danger:#dc2626; --warn:#d97706;
  --btn-bg:#0366c2; --btn-text:#ffffff; --btn-glow:rgba(3,102,194,.28);
  --nav-bg:rgba(255,255,255,.85); --top-bg:#1a242c; --top-text:#b9c4d0;
  --chip-bg:#1a242c; --chip-text:#5fb0ff;
  --glow1:rgba(11,143,224,.09); --glow2:rgba(3,102,194,.08);
  --shot1:#e6ecf4; --shot2:#f2f5f9; --shot-text:#9aa6b8;
  --shadow:0 24px 60px rgba(15,31,56,.12); --shadow-sm:0 16px 40px rgba(15,31,56,.08);
  --code-text:#334155; --c-k:#d6336c; --c-s:#15803d; --c-f:#2563eb;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0b0f14; --bg2:#10161d; --card:#131b24; --inset:#0f151c; --line:#1f2a36;
    --text:#e6edf3; --heading:#f1f5f9; --muted:#8b98a7;
    --accent:#4da3ff; --blue:#38bdf8; --danger:#f87171; --warn:#fbbf24;
    --btn-bg:#4da3ff; --btn-text:#04121f; --btn-glow:rgba(77,163,255,.30);
    --nav-bg:rgba(11,15,20,.85); --top-bg:#070a0e; --top-text:#8b98a7;
    --chip-bg:#16243a; --chip-text:#6cb4ff;
    --glow1:rgba(56,189,248,.12); --glow2:rgba(77,163,255,.12);
    --shot1:#1a2532; --shot2:#0f151c; --shot-text:#4a5a6c;
    --shadow:0 30px 60px rgba(0,0,0,.45); --shadow-sm:0 16px 40px rgba(0,0,0,.35);
    --code-text:#c9d4df; --c-k:#ff7b9c; --c-s:#3ddc97; --c-f:#4cc3ff;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0b0f14; --bg2:#10161d; --card:#131b24; --inset:#0f151c; --line:#1f2a36;
  --text:#e6edf3; --heading:#f1f5f9; --muted:#8b98a7;
  --accent:#4da3ff; --blue:#38bdf8; --danger:#f87171; --warn:#fbbf24;
  --btn-bg:#4da3ff; --btn-text:#04121f; --btn-glow:rgba(77,163,255,.30);
  --nav-bg:rgba(11,15,20,.85); --top-bg:#070a0e; --top-text:#8b98a7;
  --chip-bg:#16243a; --chip-text:#6cb4ff;
  --glow1:rgba(56,189,248,.12); --glow2:rgba(77,163,255,.12);
  --shot1:#1a2532; --shot2:#0f151c; --shot-text:#4a5a6c;
  --shadow:0 30px 60px rgba(0,0,0,.45); --shadow-sm:0 16px 40px rgba(0,0,0,.35);
  --code-text:#c9d4df; --c-k:#ff7b9c; --c-s:#3ddc97; --c-f:#4cc3ff;
  color-scheme:dark;
}

/* Temaya göre değişen görseller (logo) */
.only-dark{display:none!important}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .only-light{display:none!important}
  :root:not([data-theme="light"]) .only-dark{display:inline-block!important}
}
:root[data-theme="dark"] .only-light{display:none!important}
:root[data-theme="dark"] .only-dark{display:inline-block!important}

/* Logo kilitlenmesi */
.logo{display:inline-flex;align-items:center;gap:10px;flex:none}
.logo img{display:inline-block;width:auto}
.logo .logo-mark{height:38px}
.logo .logo-text{height:28px}

/* Tema düğmesi (site ve panel) */
.theme{width:42px;height:42px;border-radius:10px;border:1.5px solid var(--line);background:transparent;color:var(--heading);display:grid;place-items:center;cursor:pointer;transition:.2s;flex:none}
.theme:hover{border-color:var(--muted)}
.theme svg{width:19px;height:19px}