body {
    font-family: 'Inter', sans-serif;
    background-color: #0f1419;
}

/* Light mode support */
[data-theme="light"] body {
    background: linear-gradient(135deg, #e8f0f7 0%, #f0f5fa 100%);
}

/* Custom scrollbar for recipe list */
#recipe-list::-webkit-scrollbar {
    width: 8px;
}
#recipe-list::-webkit-scrollbar-track {
    background: #2d3748; /* gray-800 */
}
#recipe-list::-webkit-scrollbar-thumb {
    background: #4a5568; /* gray-600 */
    border-radius: 4px;
}
#recipe-list::-webkit-scrollbar-thumb:hover {
    background: #718096; /* gray-500 */
}

/* Light mode scrollbar */
[data-theme="light"] #recipe-list::-webkit-scrollbar-track {
    background: #e5e7eb; /* light gray */
}
[data-theme="light"] #recipe-list::-webkit-scrollbar-thumb {
    background: #9ca3af; /* medium gray */
}
[data-theme="light"] #recipe-list::-webkit-scrollbar-thumb:hover {
    background: #6b7280; /* darker gray */
}

.recipe-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.recipe-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Light mode text colors */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3 {
    color: #1f2937 !important;
}

[data-theme="light"] p,
[data-theme="light"] .text-gray-400,
[data-theme="light"] .text-gray-300,
[data-theme="light"] .text-gray-200,
[data-theme="light"] .text-gray-500 {
    color: #4b5563 !important;
}

[data-theme="light"] .text-white {
    color: #1f2937 !important;
}