@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom BlinkySpot Styles (Optional Overrides) */
body {
    font-family: 'Inter', sans-serif;
}

/* Marker Styles (for Mapbox markers) */
.marker-verified {
    background-color: green;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid white;
}

.marker-unverified {
    background-color: gray;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid white;
}

/* Quick Add Button */
#quick-add-btn {
    transition: transform 0.2s ease-in-out;
}
#quick-add-btn:hover {
    transform: scale(1.05);
}

/* Optional: Blinking effect for unverified displays */
@keyframes blinky {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}
.marker-unverified {
    animation: blinky 1.5s infinite;
}