/**
 * Custom CSS for CitationsPro - Cloudflare Static Optimized
 */
:root {
  --primary: #0284c7;
  --primary-dark: #0369a1;
  --secondary: #f97316;
  --secondary-dark: #ea580c;
  --dark-bg: #0b132b;
  --dark-card: #1c2541;
}

html {
  scroll-behavior: smooth;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/* Gradient accents */
.bg-radial-gradient {
  background: radial-gradient(circle at 50% 20%, rgba(14, 165, 233, 0.15) 0%, rgba(15, 23, 42, 0) 70%);
}

.gradient-text {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 50%, #f97316 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-orange-text {
  background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Infographic pulse */
@keyframes softPulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.9; }
}

.animate-soft-pulse {
  animation: softPulse 3s infinite ease-in-out;
}

/* Tooltip style */
.country-card:hover .country-flag {
  transform: scale(1.15) rotate(3deg);
  transition: transform 0.2s ease;
}