<!-- FILE: assets/css/styles.css -->
:root{
--primary: #0d6efd;
--muted:#6c757d;
}
body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#fff}
.navbar-brand{color:var(--primary)!important}
header .carousel-item{min-height:320px}
.card { border-radius: 12px; }
footer{font-size:0.9rem}


/* small responsive tweak for hero images */
@media (max-width: 767px){
header .carousel-item img{display:none}
}