/*
 * StarConnect — Custom Styles
 * Design: "Field Expert" — Deep Navy #1B3A6B + Sky Blue #0EA5E9 + Amber #F59E0B
 * Font: Noto Sans KR (body) + Barlow Condensed (numbers/impact)
 */

/* ===== Base ===== */
html {
  scroll-behavior: smooth;
}

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

.font-barlow {
  font-family: 'Barlow Condensed', sans-serif;
}

/* ===== Brand Colors (Tailwind extensions) ===== */
.text-sky  { color: #0EA5E9; }
.bg-sky    { background-color: #0EA5E9; }
.text-navy { color: #1B3A6B; }
.bg-navy   { background-color: #1B3A6B; }
.text-amber-brand { color: #F59E0B; }
.bg-amber-brand   { background-color: #F59E0B; }

/* ===== Scrollbar ===== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #1B3A6B; border-radius: 3px; }

/* ===== Animations ===== */

/* Fade-up on scroll */
.sc-fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.55s ease-out, transform 0.55s ease-out;
}
.sc-fade-up.sc-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Pulse dot */
@keyframes sc-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.5; transform: scale(0.85); }
}
.sc-pulse {
  animation: sc-pulse 2s ease-in-out infinite;
}

/* Bounce arrow */
@keyframes sc-bounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(6px); }
}
.sc-bounce-arrow svg {
  animation: sc-bounce 1.5s ease-in-out infinite;
}

/* Button active scale */
button:active, a:active {
  transform: scale(0.97);
}

/* ===== Focus Rings ===== */
input:focus, select:focus, textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.25);
  border-color: #0EA5E9;
}

/* ===== Utility ===== */
.hover\:scale-105:hover { transform: scale(1.05); }
.hover\:scale-\[1\.02\]:hover { transform: scale(1.02); }
.active\:scale-95:active { transform: scale(0.95); }

/* ===== Responsive ===== */
@media (max-width: 640px) {
  .sc-fade-up {
    transition-delay: 0s !important;
  }
}
