.dark body, body.dark { background: #0f172a; color: #e2e8f0; }
.dark .bg-white, .dark .card { background: #1e293b !important; }
.dark svg text { fill: #e2e8f0 !important; font-size: 11px; }
.dark svg line, .dark svg .grid { stroke: #64748b !important; }
.dark svg path, .dark svg polyline { stroke: #7dd3fc !important; stroke-width: 2.5; }
.dark svg circle { fill: #38bdf8; }
svg text { fill: #334155; }
svg path, svg polyline { stroke: #0284c7; stroke-width: 2.5; }

/* Cookbook editor contrast */
.dark .cookbook-editor input,
.dark .cookbook-editor textarea,
.dark .cookbook-editor select {
    background-color: #1f2937 !important;
    color: #f3f4f6 !important;
    border-color: #4b5563 !important;
}
.dark .cookbook-editor input::placeholder,
.dark .cookbook-editor textarea::placeholder {
    color: #9ca3af !important;
}
.dark .cookbook-editor label,
.dark .cookbook-editor .step-row,
.dark .cookbook-editor .ingredient-row {
    color: #e5e7eb !important;
}
.dark .cookbook-editor .step-row,
.dark .cookbook-editor .ingredient-row {
    background-color: #111827 !important;
    border: 1px solid #374151 !important;
}
.dark .cookbook-editor button.secondary,
.dark .cookbook-editor .drag-handle {
    color: #d1d5db !important;
}

/* Recipe editor */
.dark input,
.dark textarea,
.dark select {
    background-color: #1f2937 !important;
    color: #f9fafb !important;
    border-color: #4b5563 !important;
}
.dark input::placeholder,
.dark textarea::placeholder {
    color: #9ca3af !important;
}
.dark button[type="submit"],
.dark .btn-primary,
.dark button:not(.text-red-600) {
    background-color: #374151 !important;
    color: #f9fafb !important;
    border: 1px solid #6b7280 !important;
}
.dark a[href*="add"],
.dark button.text-sm {
    color: #93c5fd !important;
}

/* Diet chart dual-axis colors — keep them distinct */
.dark svg.diet-chart polyline.weight,
.dark svg.diet-chart line.weight { stroke: #22d3ee !important; }
.dark svg.diet-chart polyline.calories,
.dark svg.diet-chart line.calories { stroke: #f59e0b !important; }
.dark svg.diet-chart text.weight { fill: #22d3ee !important; }
.dark svg.diet-chart text.calories { fill: #f59e0b !important; }

/* Diet chart TDEE line */
.dark svg.diet-chart polyline.tdee,
.dark svg.diet-chart line.tdee,
svg.diet-chart polyline.tdee,
svg.diet-chart line.tdee {
    stroke: #ec4899 !important;
}
.dark svg.diet-chart text.tdee,
svg.diet-chart text.tdee {
    fill: #ec4899 !important;
}
