/* ------------------------- */
/* styles.css (separate file)*/
/* ------------------------- */
:root{
--accent: #0ea5a4; /* teal-ish accent */
--muted: #6c757d;
}


/* small tweaks on top of bootstrap to keep the minimalist look */
body{font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
.navbar-brand{letter-spacing:0.4px}
.card{border-radius:12px}
.btn-primary{background:var(--accent);border-color:var(--accent)}
.card.border-primary{border-width:1px}
.text-muted{color:var(--muted) !important}


@media (max-width:767px){
.display-6{font-size:1.45rem}
}