@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #111827; /* Dark background */
}

/* Lucide Icons */
i[data-lucide] {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 2.5;
}

.modal-overlay {
    background-color: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
}

/* Country Card Statuses */
.status-infected { border-color: #ef4444; } /* red-500 */
.status-healthy { border-color: #22c55e; } /* green-500 */
.status-collapsed { border-color: #6b7280; } /* gray-500 */

.status-infected-text { color: #f87171; } /* red-400 */
.status-healthy-text { color: #4ade80; } /* green-400 */
.status-collapsed-text { color: #9ca3af; } /* gray-400 */

/* Log Message Colors */
.log-message { animation: fadeIn 0.5s ease-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.log-spread { color: #facc15; } /* yellow-400 */
.log-evolve { color: #c084fc; font-weight: 600; } /* purple-400 */
.log-error { color: #f87171; } /* red-400 */
.log-info { color: #9ca3af; } /* gray-400 */
.log-cure { color: #60a5fa; } /* blue-400 */
.log-collapse { color: #ef4444; font-weight: 600; } /* red-500 */
.log-infected { color: #f87171; } /* red-400 */

/* News Ticker */
.news-item {
    animation: slideUp 0.5s ease-out;
}
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* SVG Map */
.continent {
    fill: #4b5563; /* gray-600 */
    stroke: #1f2937; /* gray-800 */
    stroke-width: 2;
    transition: fill 0.3s ease;
}
.continent:hover {
    fill: #6b7280; /* gray-500 */
    cursor: pointer;
}
.continent.infected {
    fill: #dc2626; /* red-600 */
}
.continent.infected:hover {
    fill: #ef4444; /* red-500 */
}

/* Disease Type Selection Highlights */
.disease-type-btn[data-type="Virus"]:hover { border: 1px solid #4ade80; }
.disease-type-btn[data-type="Bacteria"]:hover { border: 1px solid #facc15; }
.disease-type-btn[data-type="Fungus"]:hover { border: 1px solid #60a5fa; }

/* Pulsing Evolve Button */
.pulse-button {
    animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0 rgba(192, 132, 252, 0.7); /* purple-400 with alpha */
    }
    70% {
        box-shadow: 0 0 0 10px rgba(192, 132, 252, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(192, 132, 252, 0);
    }
}