:root {
  --brand-blue: #0b5ed7;
  --brand-green: #12866f;
}

body {
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  color: #1f2937;
}

.navbar-brand-custom {
  background: linear-gradient(90deg, var(--brand-blue), var(--brand-green));
}

.hero-section {
  background: linear-gradient(135deg, var(--brand-blue), var(--brand-green));
}

.btn-primary-custom {
  background-color: var(--brand-blue);
  border-color: var(--brand-blue);
  color: #fff;
}

.btn-primary-custom:hover {
  background-color: var(--brand-green);
  border-color: var(--brand-green);
  color: #fff;
}

.feature-card {
  transition: transform 0.15s ease-in-out;
}

.feature-card:hover {
  transform: translateY(-4px);
}

.feature-card-soon {
  opacity: 0.85;
}