/* assets/css/style.css - professional colors, hover & animation */
:root{
  --primary:#0d6efd; /* blue */
  --accent:#0a58ca;
  --muted:#6c757d;
  --bg:#f7f9fc;
}

body{ background:var(--bg); color:#212529; }
.card:hover{ transform: translateY(-6px); transition: transform .25s ease; box-shadow:0 8px 20px rgba(0,0,0,.08); }
.movie-thumb{ height:220px; object-fit:cover; width:100%; border-radius:6px; }
.btn-primary{ background:var(--primary); border:0; }
.small-muted{ color:var(--muted); font-size:.95rem; }
.rating-star{ color:#ffc107; }

/* responsive tweaks */
@media (max-width:576px){
 .movie-thumb{ height:180px; }
}



#nav{
  background-color: white;
}