/* AeroGuard - Military & Glass Cockpit Avionics Design System */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,400;0,600;0,700;1,400;1,700&family=JetBrains+Mono:wght@400;500;600;700;800&display=swap');

:root {
  --radar-bg: #030712;
  --radar-surface: #0b1329;
  --radar-border: #1e293b;
  --phosphor-green: #10b981;
  --phosphor-cyan: #06b6d4;
  --avionics-amber: #f59e0b;
  --alert-red: #ef4444;
}

body {
  font-family: 'JetBrains Mono', monospace;
  background-color: #030712;
  color: #f1f5f9;
  letter-spacing: -0.01em;
}

.font-display {
  font-family: 'Chakra Petch', sans-serif;
}

/* Authentic CRT / Scanline Radar Overlay */
.scanlines {
  background: linear-gradient(
    rgba(18, 16, 16, 0) 50%, 
    rgba(0, 0, 0, 0.3) 50%
  ), linear-gradient(
    90deg,
    rgba(255, 0, 0, 0.03),
    rgba(0, 255, 0, 0.01),
    rgba(0, 0, 255, 0.03)
  );
  background-size: 100% 3px, 6px 100%;
  pointer-events: none;
}

/* Radar Grid Pattern */
.radar-grid-bg {
  background-image: 
    radial-gradient(circle at center, rgba(6, 182, 212, 0.05) 0%, transparent 70%),
    linear-gradient(to right, rgba(16, 185, 129, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(16, 185, 129, 0.05) 1px, transparent 1px);
  background-size: 100% 100%, 30px 30px, 30px 30px;
}

/* Glassmorphism Avionics Panels */
.glass-avionics {
  background: rgba(11, 19, 43, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(56, 189, 248, 0.15);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.45);
}

.glass-avionics-alert {
  background: rgba(45, 10, 15, 0.85);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(239, 68, 68, 0.5);
  box-shadow: 0 0 40px rgba(239, 68, 68, 0.25);
}

/* LED Digital Readout */
.led-digits {
  font-family: 'Chakra Petch', monospace;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-shadow: 0 0 10px currentColor;
}

/* Glowing Elements */
.glow-cyan {
  box-shadow: 0 0 15px rgba(6, 182, 212, 0.4);
}
.glow-green {
  box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);
}
.glow-amber {
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.5);
}
.glow-red {
  box-shadow: 0 0 35px rgba(239, 68, 68, 0.75);
}

/* Tactical Pulse Animations */
@keyframes sweep {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes flash-strobe {
  0%, 100% { opacity: 0.95; filter: brightness(1.2); }
  50% { opacity: 0.3; filter: brightness(0.8); }
}

@keyframes runway-lights-wigwag {
  0%, 49% { color: #f59e0b; text-shadow: 0 0 8px #f59e0b; }
  50%, 100% { color: #ef4444; text-shadow: 0 0 12px #ef4444; }
}

.animate-radar-sweep {
  animation: sweep 5s linear infinite;
  transform-origin: center center;
}

.strobe-alert {
  animation: flash-strobe 0.4s ease-in-out infinite alternate;
}

.wigwag-active {
  animation: runway-lights-wigwag 0.8s steps(1) infinite;
}

/* Custom Tactical Scrollbars */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: #030712;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #334155;
}