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

/* Global Base Styles */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color 0.3s ease, color 0.3s ease;
    background-color: #f0fdf4; /* Light green farm background base */
    font-family: 'Nunito', sans-serif;
}

.app-container {
    max-width: 600px;
    margin: auto;
    min-height: 100vh;
}

/* Custom Scrollbar for elegant lists */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent; 
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.5); 
    border-radius: 10px;
}

/* Spinner Animation */
.spinner {
    border-top-color: #3b82f6; /* Tailwind blue-500 */
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* 
* Dark Mode Overrides
*/
html.dark body {
    background-color: #0f172a; /* Slate 900 for night farm mode */
}

/* Modal Transitions */
.modal-overlay {
    transition: opacity 0.25s ease;
}
.modal-content {
    transition: transform 0.25s ease, opacity 0.25s ease;
}