/* JobPortal — custom styles layered on top of Tailwind CDN.
   Kept out of Blade per project convention (no inline styles). */

:root {
  --brand: #2563eb;
  --brand-dark: #1e40af;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Preserve newlines from textarea fields (description, requirements, cover letter) */
.prose-lines {
  white-space: pre-line;
}

/* Hero gradient used on the careers landing page */
.hero-gradient {
  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #3b82f6 100%);
}

/* Resume modal */
.modal-backdrop {
  background: rgba(15, 23, 42, 0.72);
}

body.modal-open {
  overflow: hidden;
}

.upload-preview {
  object-fit: cover;
}

.fade-in {
  animation: fadeIn 0.15s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}