/* Pastel Pink Theme - Minimal overrides for Bootstrap */
:root{
  --pink-50: #fff0f6;
  --pink-100: #ffd9e8;
  --pink-200: #00674f;
  --pink-300: #ff8fb8;
  --pink-400: #ff6fa6;
  --pink-500: #f48fb1; /* chart color */
  --muted: #6c6c6c;
}
body{
  background: linear-gradient(180deg, var(--pink-50) 0%, #ffffff 40%);
  color: #333;
}
.navbar-brand{ font-weight:700; color:#b71c1c !important; }
.navbar{ background-color: #15d6a9 !important; }
.hero{
  background: linear-gradient(135deg, rgba(244,143,177,0.12), rgba(255, 255, 255, 0.6));
  border-radius: 12px;
}
.card-ghost{ background: rgba(255,255,255,0.85); border: none; box-shadow: 0 6px 18px rgba(203, 57, 105, 0.08); }
.btn-primary{
  background: linear-gradient(90deg,var(--pink-300),var(--pink-400));
  border: none;
}
.btn-outline-secondary{ border-color: rgba(180,120,140,0.3); }
.table thead{ background: linear-gradient(90deg,#fff,#fff); }
.form-control:focus{ box-shadow: 0 0 0 0.15rem rgba(244,143,177,0.15); border-color: var(--pink-300); }
.small-muted{ color: var(--muted); }

/* Dashboard card background */
.dashboard-card{
  background: linear-gradient(180deg, rgba(255, 241, 238, 0.9), rgba(255, 250, 248, 0.95));
  border: 1px solid rgba(245, 189, 172, 0.6);
  color: #3b1b1b;
}

/* responsive adjustments */
@media (max-width:576px){
  .hero { padding: 1rem; }
}

/* Login page dark pink card */
/* Login page dark pink card (stronger selectors to override Bootstrap) */
.card.login-card, .login-card.card {
  background: linear-gradient(180deg,#8e2a5b,#6f1b44) !important;
  border: none !important;
  color: #ffffff !important;
}
.login-card .card-body { background: transparent !important; color: #fff !important; }
.login-card .form-control { background: rgba(255,255,255,0.95) !important; border: 1px solid rgba(0,0,0,0.06) !important; }
.login-card .btn-primary { background: linear-gradient(90deg,#7b1e4a,#a91f63) !important; border: none !important; color: #fff !important; }
.login-card .alert { color: #5b0b2b !important; background: rgba(255,255,255,0.9); }
.login-page .card.login-card { box-shadow: 0 8px 30px rgba(111,27,68,0.08); }

/* Make navbar match login form (dark pink gradient) */
.navbar {
  background: linear-gradient(180deg,#8e2a5b,#6f1b44) !important;
  color: #fff !important;
}
.navbar .navbar-brand, .navbar .nav-link, .navbar .btn {
  color: #fff !important;
}
.navbar .btn-outline-primary, .navbar .btn-outline-secondary {
  color: #fff !important;
  border-color: rgba(255,255,255,0.25) !important;
}
.navbar .btn-outline-primary:hover, .navbar .btn-outline-secondary:hover {
  background: rgba(255,255,255,0.08) !important;
  color: #fff !important;
}
.navbar-toggler { border-color: rgba(255,255,255,0.2) !important; }
.navbar-toggler-icon { background-image: none !important; }