/* Custom styles complementing Tailwind */
body {
    background: linear-gradient(135deg, #0f172a 0%, #0f1e49 50%, #0b1836 100%);
    color: #e2e8f0;
    overscroll-behavior: none; /* Prevent pull-to-refresh issues */
}

/* Scrollbar styling */
.scrollbar-thin { scrollbar-width: thin; }
.scrollbar-thumb-blue-700::-webkit-scrollbar-thumb { background-color: #1d4ed8; border-radius: 4px; }
.scrollbar-track-blue-900::-webkit-scrollbar-track { background-color: #1e3a8a; border-radius: 4px; }
.scrollbar-thin::-webkit-scrollbar { width: 8px; height: 8px; }

/* TechCircle Ping Animation */
@keyframes ping {
    75%, 100% { transform: scale(1.5); opacity: 0; }
}
.animate-tech-ping {
    animation: ping 3s cubic-bezier(0, 0, 0.2, 1) infinite;
}

/* Glow effects (example for red) */
.shadow-glow-red { box-shadow: 0 0 10px rgba(239, 68, 68, 0.7); }
.shadow-glow-green { box-shadow: 0 0 10px rgba(16, 185, 129, 0.7); }
.shadow-glow-blue { box-shadow: 0 0 10px rgba(59, 130, 246, 0.7); }

/* Basic View Transition Styling (optional, default is cross-fade) */
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.3s; /* Adjust duration */
  animation-timing-function: ease-in-out;
}