/* style.css */

/* Import Google Fonts in your HTML <head>, or here if you prefer a single import:
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700|Lora:400,700&display=swap');
*/

body {
  font-family: 'Merriweather', serif;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
  color: #333;
}

/* Navbar styling */
.navbar {
  background-color: #002147 !important;
}
.navbar-brand, .navbar-nav .nav-link {
  color: #ffffff !important;
}
.navbar-brand:hover, .navbar-nav .nav-link:hover {
  color: #f8f8f8 !important;
}

/* Footer styling */
.footer {
  background-color: #002147;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
}

/* Headings with Lora */
h1, h2, h3, .display-4 {
  font-family: 'Lora', serif;
}

/* Buttons */
.btn-primary {
  background-color: #0056b3;
  border-color: #004a9c;
}
.btn-primary:hover {
  background-color: #003d7a;
  border-color: #003669;
}
.btn-success {
  background-color: #28a745;
  border-color: #218838;
}
.btn-success:hover {
  background-color: #1e7e34;
  border-color: #1c7430;
}

/* Form & input */
.form-control {
  border-radius: 0.3rem;
}

/* Card styling for dataset items or other usage */
.card {
  border: none;
  border-radius: 0.5rem;
}
.card-title {
  font-size: 1.2rem;
  font-weight: bold;
}

/* Spacing utility */
.mt-5 { margin-top: 3rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* Flash messages for contact form feedback */
.flashes {
  list-style-type: none;
  padding: 0;
}
.flashes li.success {
  color: green;
}
.flashes li.error {
  color: red;
}