:root{
  --primary-500: #2563eb;
  --primary-600: #1e40af;
  --muted-400: #64748b;
  --bg: #f8fafc;
  --card: #ffffff;
}
html,body{height:100%;}
body{
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background-color: var(--bg);
  color: #0f172a;
}

/* Fix templates that accidentally include both bg-white and bg-slate-800 */
.bg-white.bg-slate-800{ background-color: var(--card) !important; }
.bg-white.bg-slate-800 .text-slate-400, .bg-white.bg-slate-800 .text-slate-500{ color: var(--muted-400) !important; }

/* Cards */
.card, .shadow-card{ background: var(--card); border-radius: 12px; box-shadow: 0 8px 30px rgba(2,6,23,0.06); border: 1px solid rgba(15,23,42,0.04); }

/* Buttons */
.btn-primary{ display:inline-flex; align-items:center; gap:8px; background: linear-gradient(90deg,var(--primary-500), #06b6d4); color:#fff; padding:0.6rem 1rem; border-radius:10px; font-weight:600; box-shadow: 0 6px 18px rgba(37,99,235,0.18); }
.btn-primary:hover{ transform: translateY(-1px); box-shadow: 0 10px 30px rgba(37,99,235,0.18); }
.btn-muted{ background: #f1f5f9; color: #0f172a; padding:0.5rem 0.8rem; border-radius:10px; }

/* Inputs */
input[type="text"], input[type="password"], textarea, .border, .rounded-lg{ transition: box-shadow .18s, border-color .18s; }
input:focus, textarea:focus{ box-shadow: 0 6px 18px rgba(37,99,235,0.08); border-color: var(--primary-500) !important; outline: none; }

/* DeepSeek panel tweaks */
#deepseek-panel{ width:28rem !important; }

/* Misc */
.rounded-xl{ border-radius:14px !important; }
.card p, .card li{ color: #0f172a; }

/* Small utilities */
.muted{ color: var(--muted-400); }

/* Make anchors look nicer */
a{ color: var(--primary-600); }
a:hover{ text-decoration: underline; }