:root{
  --nav-height:70px;
  --accent: #ff6b6b;
  --accent-2: #ffd166;      
  --accent-contrast: #ffffff;
  --muted: #6c757d;
}
html,body{height:100%;}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  scroll-behavior:smooth;
}

#mainNav{
  transition: background-color 250ms ease, backdrop-filter 250ms ease, box-shadow 250ms ease, opacity 220ms ease;
  background-color: transparent;
  height: var(--nav-height);
  opacity: 0;
  pointer-events: none;
}

#mainNav.navbar-scrolled{
  background-color: rgba(0,0,0,0.65);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}

#mainNav.navbar-scrolled{
  opacity: 1;
  pointer-events: auto;
}

.cover{
  height: 100vh;
  min-height: 420px;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('/images/Atlanta.jpg');
  background-size: cover;
  background-position: center;
}

section{padding-top:2rem; padding-bottom:2rem}

.lead{opacity:0.95}

a, .nav-link{
  color: var(--accent);
}

h1, h2, h3 {
  color: var(--accent);
}

.btn-primary{
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--accent-contrast);
}
.btn-primary:hover, .btn-primary:focus{
  background-color: #e05555;
  border-color: #e05555;
  color: var(--accent-contrast);
}

.card{
  border: 0;
  border-left: 4px solid rgba(0,0,0,0.06);
}
.card .card-title{
  color: var(--accent);
}
.card .card-footer small{
  color: var(--muted);
}

.card:hover{
  transform: translateY(-4px);
  transition: transform 160ms ease;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  border-left-color: var(--accent);
}

.cover{
  background-image: linear-gradient(180deg, rgba(255,107,107,0.06), rgba(0,0,0,0.35)), url('/images/Atlanta.jpg');
}

#mainNav.navbar-scrolled .navbar-brand{
  color: var(--accent) !important;
}
#mainNav.navbar-scrolled .nav-link{
  color: rgba(255,255,255,0.9) !important;
}

a:hover, .nav-link:hover{
  color: #e05555;
}

@media (max-width: 575.98px){
  :root{--nav-height:64px}
}