/* Modern Professional Light Theme for SystGrid ATS */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  --primary: #4f46e5;
  --primary-hover: #4338ca;
  --bg-main: #f8fafc;
  --card-bg: #ffffff;
  --border-color: #e2e8f0;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #f8fafc;
  color: #0f172a;
}

code, pre, .font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Clean Panels and Cards */
.light-panel {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03);
}

.light-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.2s ease-out forwards;
}

/* Score Badges */
.score-badge-high {
  background: #ecfdf5;
  color: #059669;
  border: 1px solid #a7f3d0;
}

.score-badge-medium {
  background: #fffbeb;
  color: #d97706;
  border: 1px solid #fde68a;
}

.score-badge-low {
  background: #fef2f2;
  color: #dc2626;
  border: 1px solid #fecaca;
}

/* Flag Pills */
.flag-good { background: #eff6ff; color: #2563eb; border: 1px solid #bfdbfe; }
.flag-approved { background: #ecfdf5; color: #059669; border: 1px solid #a7f3d0; }
.flag-reject { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.flag-review { background: #fffbeb; color: #d97706; border: 1px solid #fde68a; }
.flag-shortlisted { background: #faf5ff; color: #9333ea; border: 1px solid #e9d5ff; }
.flag-not-approved { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }