/* 공용 스타일 - 현대차기아 협력사 탄소중립 위험성 진단 시스템 */
:root {
  --hk-blue: #002c5f;
  --hk-blue-light: #0050a0;
  --hk-accent: #00aad2;
}

body {
  font-family: 'Noto Sans KR', 'Inter', -apple-system, sans-serif;
}

.hk-gradient {
  background: linear-gradient(135deg, var(--hk-blue) 0%, var(--hk-blue-light) 60%, var(--hk-accent) 100%);
}

.hk-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
.hk-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.hk-scrollbar::-webkit-scrollbar-track { background: transparent; }

.card-shadow { box-shadow: 0 1px 3px 0 rgba(0,0,0,0.06), 0 1px 2px -1px rgba(0,0,0,0.06); }

.step-indicator .step-dot {
  width: 28px; height: 28px; border-radius: 9999px;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 600;
  background: #e2e8f0; color: #64748b;
}
.step-indicator .step-dot.active { background: var(--hk-blue); color: #fff; }
.step-indicator .step-dot.done { background: #059669; color: #fff; }

input[type="text"], input[type="number"], input[type="password"], input[type="email"], select, textarea {
  outline: none;
}
input:focus, select:focus, textarea:focus {
  box-shadow: 0 0 0 3px rgba(0,80,160,0.15);
  border-color: var(--hk-blue-light) !important;
}

.fade-in { animation: fadeIn .35s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px);} to { opacity: 1; transform: translateY(0);} }

.lang-toggle button.active { background: var(--hk-blue); color: #fff; }