:root{
  --brand:#2563EB;
  --brand-600:#1D4ED8;
  --text:#1F2937;
  --muted:#6B7280;
  --border:#E5E7EB;
}

*{box-sizing:border-box}
html,body{height:100%}
body{color:var(--text); line-height:1.6; -webkit-font-smoothing:antialiased}

a{color:var(--brand); text-decoration:none}
a:hover{color:var(--brand-600); text-decoration:underline}

/* Layout */
.container-xl{max-width:1140px; margin-inline:auto; padding-inline:16px}
section + section{margin-top:2.5rem}

/* Navbar */
.navbar{border-bottom:1px solid var(--border)}
.navbar .nav-link{color:#4B5563}
.navbar .nav-link:hover{color:#111827}

/* Hero / Carousel */
.hero-carousel{aspect-ratio:16/6; position:relative; overflow:hidden; border-radius:.5rem}
.hero-carousel .carousel-item,
.hero-carousel img{width:100%; height:100%}
.hero-carousel img{object-fit:cover}
.hero-caption{
  position:absolute; inset:auto 0 0 0;
  padding:2.5rem 2rem; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.4);
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%);
}

/* Cards */
.card{border:1px solid var(--border); box-shadow:0 8px 20px rgba(0,0,0,.04)}
.card-img-top{aspect-ratio:16/9; object-fit:cover}
.team-card .card-img-top{aspect-ratio:1/1; border-radius:.75rem}
.team-card{transition:transform .2s ease, box-shadow .2s ease}
.team-card:hover{transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.08)}

/* Buttons */
.btn-primary{background:var(--brand); border-color:var(--brand)}
.btn-primary:hover{background:var(--brand-600); border-color:var(--brand-600)}

/* Footer */
footer{font-size:.9rem; color:#9CA3AF; padding-block:2rem; border-top:1px solid var(--border)}

/* Tables (admin) */
.table-sm td,.table-sm th{padding:.5rem .75rem}