/* FoodCheck Dark — blue/purple neon vibe */
:root {
  --fc-bg-grad-1:#2b2d42; --fc-bg-grad-2:#1f1147;
  --fc-card:#0b1220; --fc-text:#e6e9ef; --fc-muted:#9aa4b2;
  --fc-field:#1a1c2e; --fc-field-border:#374151; --fc-placeholder:#cbd5e1;
  --fc-accent-1:#3b82f6; --fc-accent-2:#9333ea;
}

body {
  font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(59,130,246,.25), transparent 60%),
    radial-gradient(1000px 600px at 90% 20%, rgba(147,51,234,.25), transparent 60%),
    linear-gradient(135deg,var(--fc-bg-grad-1),var(--fc-bg-grad-2));
}

.fc-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  backdrop-filter: blur(8px);
  border-radius: 18px;
}

.fc-title { color:#fff; font-weight:600; letter-spacing:.3px }
.fc-sub { color:var(--fc-muted) }

.fc-input,
.form-control,
.form-select {
  color: #f1f5f9 !important;
  background-color: var(--fc-field) !important;
  border: 1px solid var(--fc-field-border) !important;
  border-radius: 12px; padding: .75rem .9rem;
}
.fc-input:focus,
.form-control:focus,
.form-select:focus {
  border-color: var(--fc-accent-1) !important;
  box-shadow: 0 0 0 .2rem rgba(59,130,246,.25) !important;
}
.fc-input::placeholder,
.form-control::placeholder {
  color: var(--fc-placeholder) !important;
  opacity: 1;
}
.form-label { color: #e2e8f0 !important; font-weight: 500 }
.text-muted { color: #cbd5e1 !important }

/* CTA button */
.fc-cta {
  background: linear-gradient(90deg,var(--fc-accent-1),var(--fc-accent-2));
  color:#fff; font-weight:600; border:0; border-radius:999px; padding:.7rem 1.2rem;
  box-shadow: 0 8px 20px rgba(59,130,246,.35);
}
.fc-cta:hover { filter: brightness(1.05) }

/* Toggle */
.fc-toggle {
  background:#0e1628; color:#cdd6e3; border:1px solid #263454; border-radius:999px;
}
.fc-toggle.active {
  background: linear-gradient(90deg,var(--fc-accent-1),var(--fc-accent-2)); color:#fff; border:0;
}

/* Alerts */
.alert-danger { border:0; background:#3b1f2a; color:#ffb4c0 }

/* Mini-nav */
.nav-pills .nav-link { border-radius:.66rem; padding:.4rem .8rem; background:rgba(255,255,255,.05) }
.nav-pills .nav-link:hover { background: rgba(255,255,255,.08) }
.nav-pills .nav-link.active {
  background: linear-gradient(135deg,#6a5cff,#8a56ff);
  color:#fff; box-shadow:0 6px 16px rgba(106,92,255,.35);
}

/* Fix outline-light buttons */
.btn.btn-outline-light {
  color:#e5e7eb;
  border-color:#e5e7eb;
  background-color:transparent;
}
.btn.btn-outline-light:hover {
  color:#111827;
  background-color:#e5e7eb;
  border-color:#e5e7eb;
}