body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #0a0a0a 0%, #0f1419 100%);
}

.recipe-card {
    transition: all 0.3s ease;
}

.recipe-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

/* Light Mode Support */
[data-theme="light"] body {
    background: linear-gradient(135deg, #f0f5fa 0%, #e3e9f0 100%) !important;
    color: #1f2937 !important;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3 {
    color: #1f2937 !important;
}

[data-theme="light"] .text-gray-400 {
    color: #6b7280 !important;
}

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

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

[data-theme="light"] .recipe-card {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

[data-theme="light"] .recipe-card:hover {
    border-color: #2563eb !important;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2) !important;
}

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

[data-theme="light"] .text-red-400 {
    color: #2563eb !important;
}

[data-theme="light"] #search-input {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

[data-theme="light"] #search-input::placeholder {
    color: #9ca3af !important;
}

[data-theme="light"] #search-input:focus {
    border-color: #2563eb !important;
    ring-color: #2563eb !important;
}

[data-theme="light"] #no-results h3 {
    color: #6b7280 !important;
}

[data-theme="light"] #no-results p {
    color: #9ca3af !important;
}