/* FoodCheck Light — bright blue/purple */
:root {
  --fc-bg:#f3f6ff;
  --fc-card:#ffffff; --fc-text:#1a1f2e; --fc-muted:#6b7280;
  --fc-field:#ffffff; --fc-field-border:#d1d5db; --fc-placeholder:#6b7280;
  --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,.15), transparent 60%),
    radial-gradient(1000px 600px at 110% 0%, rgba(147,51,234,.15), transparent 60%),
    var(--fc-bg);
}

.fc-card { background: var(--fc-card); border-radius: 18px; }

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

.fc-input,
.form-control,
.form-select {
  color: var(--fc-text) !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: var(--fc-text) !important; font-weight:500 }

/* 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 10px 24px rgba(59,130,246,.35);
}
.fc-cta:hover { filter: brightness(1.05) }

/* Toggle */
.fc-toggle {
  background:#eef2ff; color:#1e1b4b; border:1px solid #c7d2fe; 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:#fee2e2; color:#991b1b }

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

/* Fix outline-light buttons (were invisible) */
.btn.btn-outline-light {
  color:#111827;
  border-color:#d1d5db;
  background-color:#ffffff;
}
.btn.btn-outline-light:hover {
  color:#ffffff;
  background-color:#111827;
  border-color:#111827;
}