/* Base fonts & colors */
body {
  /*font-family: 'Poppins', sans-serif;*/
  color: #1b1b1f;
  background-color: #fff;
}

/* Theme Colors */
:root {
  --bs-primary: #0066ff;
  --bs-secondary: #171717;
  --bs-light: #f8f9fa;
  --bs-dark: #0d0d0d;
  --bs-heading: #0a0a0a;
}

/* Headings */
h1, h2, h3, h4 {
  font-weight: 700;
  color: var(--bs-heading);
}

/* Link style */
a {
  color: var(--bs-primary);
  text-decoration: none;
}
a:hover {
  color: #004ccd;
}

/* Buttons */
.btn-primary {
  background-color: var(--bs-primary);
  border: none;
  padding: .75rem 1.5rem;
  font-weight: 600;
  transition: .3s;
}
.btn-primary:hover {
  background-color: #0052cc;
  transform: scale(1.03);
}

/* Hero text */
.hero-title {
  font-size: 3rem;
  font-weight: 700;
}
.hero-subtitle {
  font-size: 1.25rem;
  color: #555;
}

/* Section spacing */
.section {
  padding: 5rem 0;
}

/* Card style for services/projects */
.card-custom {
  border: none;
  box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
  transition: .3s;
}
.card-custom:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 18px rgb(0 0 0 / 12%);
}