/* Light Mode */
body[data-theme="light"] {
  background-color: #f8fafc !important;   /* light background */
  color: #111827 !important;              /* dark text */
}

/* Dark Mode */
body[data-theme="dark"] {
  background-color: #0b1220 !important;   /* dark background */
  color: #e6eef6 !important;              /* light text */
}

/* Card Styling */
body[data-theme="light"] .card {
  background-color: #ffffff;
  color: #111827;
}
body[data-theme="dark"] .card {
  background-color: #1a2235;
  color: #e6eef6;
}

/* Footer */
body[data-theme="light"] footer {
  background: #ffffff;
  color: #6b7280;
}
body[data-theme="dark"] footer {
  background: #1a2235;
  color: #9ca3af;
}


.img-fluid {
    max-width: 400px;
    height: auto;
}

.soft-card { border: 1px solid rgba(125,125,125,.15); border-radius: 14px; }
.soft-card .card-header { background: transparent; }
body[data-theme="dark"] .soft-card { border-color: rgba(255,255,255,.12); }