/* ────────────────────────────────────────────────────────────────
   ImapSync — Tema değişkenleri
   Varsayılan: light. JS (theme.js) kullanıcı tercihini uygular.
   ──────────────────────────────────────────────────────────────── */

/* ── Light tema (varsayılan) ──────────────────────────────────── */
html,
html[data-theme="light"] {
  --bg:      #ffffff;
  --surface: #f6f8fa;
  --surf:    #f6f8fa;
  --border:  #d0d7de;
  --border2: #eaecef;
  --muted:   #656d76;
  --text:    #1f2328;
  --blue:    #0969da;
  --green:   #1a7f37;
  --green2:  #2da44e;
  --accent:  #1a7f37;
  --red:     #cf222e;
  --yellow:  #9a6700;
  --nav-bg:  rgba(255,255,255,.92);
  --blue-glow:   #0969da15;
  --blue-border: #0969da33;
  --hover-bg:    rgba(0,0,0,.04);

  /* Durum badge'leri */
  --badge-q-bg:   #dbeafe; --badge-q-text:   #1e40af;
  --badge-r-bg:   #bfdbfe; --badge-r-text:   #1d4ed8;
  --badge-d-bg:   #dcfce7; --badge-d-text:   #166534;
  --badge-f-bg:   #fee2e2; --badge-f-text:   #991b1b;
  --badge-c-bg:   #f1f5f9; --badge-c-text:   #475569;

  /* Admin badge'leri */
  --badge-green-bg:  #dcfce7; --badge-green-text:  #166534;
  --badge-blue-bg:   #dbeafe; --badge-blue-text:   #1e40af;
  --badge-yellow-bg: #fef9c3; --badge-yellow-text: #713f12;
  --badge-red-bg:    #fee2e2; --badge-red-text:    #991b1b;

  /* Uyarı kutuları */
  --alert-ok-bg:    #dcfce7; --alert-ok-border:   #86efac; --alert-ok-text:   #166534;
  --alert-err-bg:   #fee2e2; --alert-err-border:  #fca5a5; --alert-err-text:  #991b1b;
  --alert-warn-bg:  #fef9c3; --alert-warn-border: #fde047; --alert-warn-text: #713f12;

  /* Env badge */
  --env-local-bg:  #fef9c3; --env-local-text:  #713f12;
  --env-prod-bg:   #dcfce7; --env-prod-text:   #166534;
}

/* ── Dark tema ────────────────────────────────────────────────── */
html[data-theme="dark"] {
  --bg:      #0d1117;
  --surface: #161b22;
  --surf:    #161b22;
  --border:  #30363d;
  --border2: #21262d;
  --muted:   #8b949e;
  --text:    #e1e4e8;
  --blue:    #388bfd;
  --green:   #238636;
  --green2:  #2ea043;
  --accent:  #56d364;
  --red:     #f78166;
  --yellow:  #e3b341;
  --nav-bg:  rgba(13,17,23,.92);
  --blue-glow:   #1f6feb22;
  --blue-border: #388bfd44;
  --hover-bg:    rgba(255,255,255,.05);

  /* Durum badge'leri */
  --badge-q-bg:   #1f6feb33; --badge-q-text:   #79c0ff;
  --badge-r-bg:   #388bfd33; --badge-r-text:   #79c0ff;
  --badge-d-bg:   #23863633; --badge-d-text:   #56d364;
  --badge-f-bg:   #f7816633; --badge-f-text:   #f78166;
  --badge-c-bg:   #30363d;   --badge-c-text:   #8b949e;

  /* Admin badge'leri */
  --badge-green-bg:  #56d36422; --badge-green-text:  #56d364;
  --badge-blue-bg:   #388bfd22; --badge-blue-text:   #79c0ff;
  --badge-yellow-bg: #e3b34122; --badge-yellow-text: #e3b341;
  --badge-red-bg:    #f7816622; --badge-red-text:    #f78166;

  /* Uyarı kutuları */
  --alert-ok-bg:    #56d36418; --alert-ok-border:   #56d36455; --alert-ok-text:   #56d364;
  --alert-err-bg:   #f7816618; --alert-err-border:  #f7816655; --alert-err-text:  #f78166;
  --alert-warn-bg:  #e3b34118; --alert-warn-border: #e3b34155; --alert-warn-text: #e3b341;

  /* Env badge */
  --env-local-bg:  #e3b34122; --env-local-text:  #e3b341;
  --env-prod-bg:   #56d36422; --env-prod-text:   #56d364;
}

/* ── Tema toggle butonu ───────────────────────────────────────── */
.theme-toggle {
  background: none;
  border: 1px solid var(--border);
  color: var(--muted);
  border-radius: 6px;
  padding: 5px 9px;
  cursor: pointer;
  font-size: .88rem;
  line-height: 1;
  transition: border-color .15s, color .15s, background .15s;
  user-select: none;
  flex-shrink: 0;
}
.theme-toggle:hover {
  border-color: var(--muted);
  color: var(--text);
  background: var(--hover-bg);
}
html[data-theme="dark"]  .theme-toggle::after { content: "☀️"; }
html[data-theme="light"] .theme-toggle::after { content: "🌙"; }