:root {
  --ci-primary: #0A74DA;
  --ci-secondary: #F5F7FA;
  --ci-accent: #FF6B35;
  --ci-dark: #0b1620;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  color: #1d2630;
}

.navbar .nav-link.active,
.navbar .nav-link:hover {
  color: var(--ci-primary);
}

.hero {
  background: linear-gradient(180deg, rgba(10,116,218,0.08), rgba(245,247,250,0.6));
  padding-top: 7rem;
  padding-bottom: 4rem;
}

.btn-accent {
  background-color: var(--ci-accent);
  border-color: var(--ci-accent);
}

.btn-accent:hover {
  background-color: #e35f2f;
  border-color: #e35f2f;
}

.section-muted {
  background: var(--ci-secondary);
}

.feature-icon {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  border-radius: .75rem;
  background: #e7f1fd;
  color: var(--ci-primary);
}

.portfolio-card img {
  object-fit: cover;
  height: 220px;
}

.testimonial blockquote {
  font-size: 1.05rem;
}

footer .bi {
  transition: transform .2s ease;
}

footer .bi:hover {
  transform: translateY(-2px);
}