:root { color-scheme: light; }
body { background-image: radial-gradient(circle at top right, rgba(196, 92, 38, 0.06), transparent 28%), radial-gradient(circle at 10% 20%, rgba(45, 106, 79, 0.06), transparent 32%); }
.tag-pill { @apply inline-flex items-center rounded-full px-2.5 py-0.5 text-[11px] font-semibold uppercase tracking-wide; }
.nutrient-track { height: 6px; border-radius: 999px; background: #E8DCC8; overflow: hidden; }
.nutrient-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #2D6A4F, #52B788); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #D4C2A3; border-radius: 999px; }