:root {
  --navy: #0a0f24;
  --blue: #3ca9f2;
  --white: #f5f8fc;
  --shadow: rgba(0, 0, 0, 0.3);
}

/* Base styles */
body.bg-navy {
  background-color: var(--navy);
  color: var(--white);
  font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* Custom blue text */
.text-blue {
  color: var(--blue) !important;
}

/* Cards */
.card {
  border-radius: 12px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background-color: #111633 !important;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 16px var(--shadow);
}

.card-title {
  font-size: 1.1rem;
  margin-top: 0.5rem;
}

/* Footer */
footer {
  font-size: 0.9rem;
  opacity: 0.7;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  h1 {
    font-size: 1.6rem;
  }
  .card-title {
    font-size: 1rem;
  }
}