body {
  background-color: #f8f9fa;
}

.navbar {
  background-color: #0056b3 !important; /* A nice Bootstrap blue */
}

/* In styles.css or within a <style> block in base.html */
.clickable-row:hover {
  background-color: #f5f5f5 !important;  /* A very light grey for a subtle effect */
  cursor: pointer;          /* Change the cursor to indicate clickability */
}

.navbar-brand{
  padding-left: 6px;
}

/* Portfolio header emphasis */
.portfolio-header {
  background-color: #f5f8ff; /* subtle blue-ish background */
  border: 1px solid #e0e7ff;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
}

.portfolio-title-dropdown {
  font-size: 1.75rem; /* larger than h2 default for prominence */
  font-weight: 600;
  color: #0d6efd; /* bootstrap primary */
}

.portfolio-title-dropdown:hover,
.portfolio-title-dropdown:focus {
  color: #0b5ed7; /* darker primary on hover */
  text-decoration: none;
}