/*
Theme Name: SleekPress Plus
Description: Sleek minimalist theme with dark mode, page switcher, reading progress, and surprise UX features
Version: 1.1
*/

:root{
  --primary:#111827;
  --accent:#3b82f6;
  --bg:#ffffff;
  --muted:#6b7280;
  --border:#e5e7eb;
}

body{
  margin:0;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI";
  background:var(--bg);
  color:var(--primary);
  line-height:1.7;
}

body.dark-mode{
  --bg:#0f172a;
  --primary:#e5e7eb;
  --muted:#9ca3af;
  --border:#1f2933;
}

header,footer{
  border-bottom:1px solid var(--border);
}

.container{
  max-width:1100px;
  margin:auto;
  padding:1.5rem 1rem;
}

.site-title{font-size:1.6rem;font-weight:700}

nav ul{display:flex;gap:1.2rem;list-style:none;padding:0;margin:1rem 0 0}
nav a{color:var(--muted);font-weight:500}
nav a:hover{color:var(--accent)}

.post{margin-bottom:3rem}

.progress-bar{
  position:fixed;
  top:0;left:0;
  height:3px;
  background:var(--accent);
  width:0%;z-index:9999;
}

.scroll-top{
  position:fixed;
  right:20px;
  bottom:24px;
  background:var(--accent);
  color:#fff;
  border-radius:50%;
  padding:10px 14px;
  display:none;
}

.scroll-top.show{display:block}