/* ============================================================
 * discord-theme.css — SADECE font + scrollbar + platform ikonu.
 * Renk tanımı YOK (theme.css tek kaynak).
 * Gradient, rgba panel override, !important renk kuralı YOK.
 * ============================================================ */

/* ---- Inter + Poppins (yeni tema fontu) ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

body, input, button, textarea, select {
  font-family: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: -0.01em;
}

/* ---- İnce scrollbar (tüm tarayıcı) ---- */
* {
  scrollbar-width: auto;
  scrollbar-color: rgba(255,255,255,.06) transparent;
}
*::-webkit-scrollbar          { width: 30px; height: 30px; }
*::-webkit-scrollbar-track    { background: transparent; }
*::-webkit-scrollbar-thumb    { background: rgba(255,255,255,.06); border-radius: 4px; }
*::-webkit-scrollbar-corner   { background: transparent; }
*::-webkit-scrollbar-button   { display: none !important; }

/* ---- Platform ikonu renk sınıfları ---- */
.platform-icon {
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--offline); line-height: 0; vertical-align: middle;
}
.platform-icon.online  { color: var(--online); }
.platform-icon.idle    { color: var(--idle); }
.platform-icon.dnd     { color: var(--dnd); }
.platform-icon.offline { color: var(--offline); }

/* ---- Midnight Blurple Gradient ---- */
[data-theme="dark"] body {
  background: linear-gradient(135deg, #0e0f3a 0%, #05030f 100%);
  background-attachment: fixed;
}
[data-theme="dark"] .layout { background: transparent; }
[data-theme="dark"] .chat,
[data-theme="dark"] #messages { background: rgba(12,9,38,.55); }
[data-theme="dark"] .chat-topbar { background: rgba(10,8,32,.64); }
[data-theme="dark"] .rooms-panel,
[data-theme="dark"] .users { background: rgba(10,8,32,.64); }
[data-theme="dark"] .server-rail,
[data-theme="dark"] .account-bar { background: rgba(7,5,26,.80); }
[data-theme="dark"] #uwz { background: rgba(7,5,26,.55); }