/* --- FlatSpin Core DNA --- */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Playfair+Display:ital,wght@1,700&display=swap');

:root {
    --propeller-blue: #0ea5e9; /* Tailwind Sky-500 */
    --aviation-red: #991b1b;   /* Tailwind Red-800 */
    --deep-bg: #050505;
    --glass: rgba(15, 15, 15, 0.7);
}

/* --- Base Body --- */
body {
    background-color: var(--deep-bg);
    color: #cbd5e1;
    font-family: 'JetBrains Mono', monospace;
    -webkit-font-smoothing: antialiased;
    background-image: 
        radial-gradient(circle at 20% 20%, rgba(14, 165, 233, 0.03) 0%, transparent 40%),
        radial-gradient(circle at 80% 80%, rgba(153, 27, 27, 0.03) 0%, transparent 40%);
}

.serif {
    font-family: 'Playfair Display', serif;
}

/* --- The Glass Bridge Panels --- */
.glass-panel {
    background: var(--glass);
    border: 1px solid rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7);
}

/* --- Telemetry Details --- */
.telemetry-label {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #52525b;
    font-weight: 700;
}

/* --- Custom Scrollbar for that "High-End" feel --- */
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-track {
    background: #000;
}
::-webkit-scrollbar-thumb {
    background: #18181b;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--propeller-blue);
}

/* --- Logo Inspired Accents --- */
.text-sky-500 { color: var(--propeller-blue); }
.text-red-800 { color: var(--aviation-red); }

/* --- Subtle Animation for the Radar Blips --- */
@keyframes radar-pulse {
    0% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.4); }
    70% { box-shadow: 0 0 0 10px rgba(14, 165, 233, 0); }
    100% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); }
}

.animate-pulse-slow {
    animation: radar-pulse 3s infinite;
}