/* assets/css/base.css */

body {
  font-family: 'Segoe UI', sans-serif;
  padding-top: 80px;
  color: #f8f9fa;
  background-color: #212529; /* Match footer background across all */
}

a {
  color: #1abc9c;
  text-decoration: none;
}

a:hover {
  color: #17a589;
}

.btn-primary,
.btn-outline-light {
  border-radius: 50px;
  font-weight: 500;
}

.bg-footer {
  background-color: #212529 !important;
}

.bg-gradient-dark {
  background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}

.border-turquoise,
.border-info {
  border-color: #0dcaf0 !important;
}

.feature-box {
  background-color: #121212;
  border: 4px solid #0dcaf0;
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
  transition: transform 0.3s ease;
  color: #f8f9fa;
}

.feature-box:hover {
  transform: translateY(-4px);
  border-color: #0dcaf0;
}