/* DocuDomain — custom styles on top of Bootstrap 5 */

:root {
  --bs-primary: #2563eb;
  --bs-primary-rgb: 37, 99, 235;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.navbar-brand {
  font-size: 1.35rem;
  letter-spacing: -0.02em;
}

.hero h1 {
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.feature-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.feature-icon {
  line-height: 1;
}

.py-md-6 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

footer a:hover {
  color: var(--bs-primary) !important;
}

/* Make Bootstrap's btn-primary track our primary color */
.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #1d4fd1;
  --bs-btn-hover-border-color: #1d4fd1;
  --bs-btn-active-bg: #1844ba;
  --bs-btn-active-border-color: #1844ba;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
}

.text-primary {
  color: var(--bs-primary) !important;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}