/* ===============================
   Mint Theme (formerly "Forest")
   =============================== */

/* Background: soft green gradient */
html[data-theme="mint"] body {
  min-height: 100vh;
  background: linear-gradient(135deg, #d9f7e2 0%, #b8eac7 40%, #9ad4b2 100%);
  background-attachment: fixed;
  color: #1e293b; /* slate-800 */
}

/* Cards and panels */
html[data-theme="mint"] .card,
html[data-theme="mint"] .result-card,
html[data-theme="mint"] .search-form,
html[data-theme="mint"] .form-card {
  background: #ffffff;
  border: 1px solid #cfe9d9;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  color: #1e293b;
}

/* Topbar */
html[data-theme="mint"] .topbar-wrap {
  background: rgba(240, 252, 244, 0.9);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-bottom: 1px solid #b8eac7;
}
html[data-theme="mint"] .brand-title {
  color: #14532d; /* dark forest green */
}
html[data-theme="mint"] .version-link {
  color: #4d7c52;
}

/* Buttons */
html[data-theme="mint"] .btn {
  border: 1px solid #cfe9d9;
  background: #f6fdf8;
  color: #14532d;
}
html[data-theme="mint"] .btn:hover {
  background: #e3f6e9;
}
html[data-theme="mint"] .btn-primary {
  background: #16a34a; /* green-600 */
  border-color: #16a34a;
  color: #fff;
}
html[data-theme="mint"] .btn-primary:hover {
  background: #15803d; /* green-700 */
  border-color: #15803d;
}
html[data-theme="mint"] .btn-danger {
  background: #dc2626; /* red-600 */
  border-color: #dc2626;
  color: #fff;
}

/* Pills / chips */
html[data-theme="mint"] .chip,
html[data-theme="mint"] .chip-link {
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534; /* green-800 */
}
html[data-theme="mint"] .chip-muted {
  background: #ecfdf5;
  color: #065f46; /* teal-900 */
}

/* Links */
html[data-theme="mint"] a {
  color: #15803d; /* green-700 */
}
html[data-theme="mint"] a:hover {
  text-decoration: underline;
}

/* Inputs */
html[data-theme="mint"] .search-input,
html[data-theme="mint"] .form-control,
html[data-theme="mint"] .login-input {
  border: 1px solid #cfe9d9;
  background: #ffffff;
  color: #1e293b;
}
html[data-theme="mint"] .search-input:focus,
html[data-theme="mint"] .form-control:focus,
html[data-theme="mint"] .login-input:focus {
  border-color: #16a34a;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.3);
}

/* Messages */
html[data-theme="mint"] .msg.info {
  border-color: #bae6fd;
  background: #ecfeff;
}
html[data-theme="mint"] .msg.success {
  border-color: #86efac;
  background: #dcfce7;
}
html[data-theme="mint"] .msg.warning {
  border-color: #fde68a;
  background: #fef9c3;
}
html[data-theme="mint"] .msg.error {
  border-color: #fca5a5;
  background: #fee2e2;
}