@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:ital,wght@0,300;0,400;0,500;0,700;1,300&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap');

body {
  font-family: "Noto Sans TC", "Inter", ui-sans-serif, system-ui, sans-serif;
  background-color: #0A0A0A;
  color: #E0E0E0;
}

.font-serif {
  font-family: "Playfair Display", Georgia, serif !important;
}

.font-mono {
  font-family: "JetBrains Mono", SFMono-Regular, monospace !important;
}

/* Slow pulse keyframes for Google Radar highlight card */
@keyframes pulseSlow {
  0%, 100% {
    border-color: rgba(245, 158, 11, 0.25);
    box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.02);
  }
  50% {
    border-color: rgba(245, 158, 11, 0.65);
    box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.08);
  }
}

.animate-pulse-slow {
  animation: pulseSlow 3s ease-in-out infinite;
}

/* Custom styling for select scrollbars and focus outlines */
select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
  padding-right: 2.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}